White Space between Main Navigation and Post/Page Content Area

mypaperpusher · Member · Oct 24, 2014 at 1:17 pm
Copy link

Add topic to favorites
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: (visible only to logged in users)
nizamilputra · Member · Oct 24, 2014 at 1:28 pm
Copy link
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.
mypaperpusher · Member · Oct 24, 2014 at 1:40 pm
Copy link
Thank you so much!

And for my own personal learning experience, why is the reason that you added to the rule about the headings?
nizamilputra · Member · Oct 24, 2014 at 1:53 pm
Copy link
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.
mypaperpusher · Member · Nov 3, 2014 at 8:15 pm
Copy link
Thank you!

Is there a way to reduce the size of the site title?
nizamilputra · Member · Nov 3, 2014 at 11:36 pm
Copy link
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.

No items found.