Spun Theme- CSS Code to decrease white space between top menu bar and content

matthewseanmclachlan · Member · Jan 1, 2014 at 10:06 pm
Copy link

Add topic to favorites
Hi,
my website is: http://matthewseanmclaughlin.com
that I want help with. I want to use CSS Code to to decrease white space between top menu bar and content, preferably with a code that gives me the option to tinker with how much/little of a space I want.

Thanks in advance!
Matt

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jan 3, 2014 at 6:29 am
Copy link
Hi Matt, add the following two rules to your CSS to reduce the space between the content and menu/logo.
```
.home .hentry {
    padding-top: 0;
}

.home .entry-content {
    margin-top: 0;
}
```
If that isn’t close enough for you, add the following as well.
```
.home .entry-content img {
    margin-top: 0;
}
```
matthewseanmclachlan · Member · Jan 5, 2014 at 5:46 pm
Copy link
This is great Sacred Path, the two codes you gave def improved the gap disparity. I had previously looked around and found this code posted:

.home .site-header {
padding-bottom: 0;
}

It closed the gap even more. Is there any other code you can suggest that would further decrease the gap between the menu bar and content?

Thanks in advance!
Matt
thesacredpath · Member · Jan 6, 2014 at 4:19 pm
Copy link
Matt, try adding the following, which will reduce things between the menu and content even further.
```
#main {
    padding-top: 0;
}
```

No items found.