StyledThemes

Too much white space between nav bar and content

Home Forums WordPress Themes – Premium Pure & Simple Too much white space between nav bar and content

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #17029
    Donna Green
    Participant

    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.
    #22379
    Sushil Adhikari
    Moderator

    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

    #22382
    Donna Green
    Participant

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

    #17030
    Sushil Adhikari
    Moderator

    You are most welcome Donna 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.