White Space between Main Navigation and Post/Page Content Area

  • Author
  • #2106322

    Hello, I have tried everything to remove or reduce the white space/area/padding/margin between the main navigation bar and the content on my pages and posts. For example, between the blue nav bar and Accounting and Business Resources here:

    I looked at endless posts and tried manipulating the CSS, but to no avail. Please help!

    The blog I need help with is mypaperpusher.wordpress.com.



    Hi there,

    Let me try to help you by adding this css;

    .page .entry-content h2:first-child,
    .page .entry-content h3:first-child{
    margin-top: 0;

    I hope it will helps you. Please let me know it doesn’t work.


    Thank you so much!

    And for my own personal learning experience, why is the reason that you added to the rule about the headings?



    Because if I edit the rule of .hentry-inner and set padding-top: 0, I’m afraid if other pages don’t have heading (in this case you only use h2 & h3), there will be no white space between main content and navigation.


    Thank you!

    Is there a way to reduce the size of the site title?



    Yes, there is, here the css code;

    #masthead .site-title{
       font-size: 24px !important;

    Is 24px is enough? Change that value if you want to make site title bigger or smaller.

The topic ‘White Space between Main Navigation and Post/Page Content Area’ is closed to new replies.