Make space between header, primary menu and blog posts smaller

roisingrace · Member · Aug 15, 2015 at 9:07 am
Copy link

Add topic to favorites
Any idea how I decrease the space between my header, primary menu and featured image? Want to make the space between them all smaller.

Thanks in advance!

The blog I need help with is: (visible only to logged in users)
ehtis · Staff · Aug 15, 2015 at 12:07 pm
Copy link
Hi there,

This should fix the spacings, you can adjust the values according to your liking:
```
#header-top-nav {
    padding: 0px;
}

#site-header {
    padding-bottom: 0px;
}
```
roisingrace · Member · Aug 16, 2015 at 7:49 pm
Copy link
Hi, thanks for the code – it worked a treat!

Quick question – is it possible to go below 0px? As in, could I add -10px and it would decrease further? It’s just that I’d like the space between them even smaller.

Thanks again.
ehtis · Staff · Aug 18, 2015 at 8:39 am
Copy link
Yep, that’s absolutely possible and you can set negative margins to decrease the space even further:
```
#header-top-nav {
    padding: 0px;
    margin-bottom: -22px;
}

#site-header {
    padding-bottom: 0px;
    margin-bottom: -40px;
}
```
Fine-tune the spacings as desired! :)
roisingrace · Member · Aug 20, 2015 at 11:21 am
Copy link
Brilliant, this worked. Thanks!
ehtis · Staff · Aug 20, 2015 at 12:26 pm
Copy link
Awesome and you’re welcome! :)

No items found.