Home › Forums › WordPress Themes – Premium › Pure & Simple › Too much white space between nav bar and content
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
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
Hi Sushil, thanks a million – this works perfectly. Thank you! 😆
You are most welcome Donna 🙂
With our premium themes, we offer access to site documentation, video tutorials and timely support. Even if you have just started on WordPress, our support staff have the patience to help you create appealing sites gracefully.
Company
Privacy & Cookies: This site uses cookies. By continuing to use this website, you agree to their use.To find out more, including how to control cookies, see here: Privacy Policy
© Copyright © 2023 Styled Themes. All Right Reserved.