Too much white space between nav bar and content

[Donna Green]

Hi, I’m looking for more advice please ..

There is too much white space between my nav bar and the start of the content below, as can be seen from my attached screenshots. I have disabled the page titles, but I would like to reduce gap between the nav bar and the start of the page content, like you have it in the theme demo.

Please could someone advise how I can do this?

Many thanks, much appreciated.
PureSimplePage.jpg
tooMuchWhiteSpace.jpg
space.jpg

Attachments:

You must be logged in to view attached files.

[Sushil Adhikari]

Hi Donna Green,

Here is the step by step procedure to fix your issue:

1> To reduce space between nav bar and content. please add this css on child theme style.css file:

#content {
    padding: 0rem 0 3rem;
    
}

2> To decrease space betwen nav bar please add this css on child theme style.css file

@media screen and (min-width: 783px) {
	.primary-navigation li a {
	    padding: 0 -7px;
	   
	}
} 

Note: You can change padding value as per your requirement. @SEE Here for reference :
http://www.w3schools.com/css/css_padding.asp

Please use child theme style.css file to add this css , otherwise your changes will be lost on theme update.

Thanks

[Donna Green]

Hi Sushil, thanks a million – this works perfectly. Thank you! 😆

[Sushil Adhikari]

You are most welcome Donna 🙂

[Author]

Posts