White Space between Main Navigation and Post/Page Content Area

  • Author
    Posts
  • #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:
    http://mypaperpusher.wordpress.com/resources/

    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.

    #2106381

    nizamilputra
    Member

    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.

    #2106387

    Thank you so much!

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

    #2106392

    nizamilputra
    Member

    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.

    #2106596

    Thank you!

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

    #2106597

    nizamilputra
    Member

    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.