Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #1147905


    I’m trying to set a small whitespace between the top navigation menu and the first element, but negative values don’t seem to work.

    For example I would need white space between the nav menu and the first slider on this page:

    and between the nav menu and the photo/bio section on this page:

    I tried the solution proposed in thread below (added to the custom css in the child theme) but it doesn’t work:

    Thank you in advance for your help!


    Hey dudeto29,
    To add a space between the header and the top element please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .html_header_top.html_header_sticky.html_large #main {
        padding-top: 316px !important; 


    Best regards,


    Hi Mike,

    Thanks for the answer.

    The code works, but adds space on every page. Is it possible to target a specific page, like when adding a whitespace separator element?
    In the above example, I’m interested to have more space only on the Home and About pages.

    Thank you in advance!



    Yes you can target specific pages, but you will need the page-id class in order to do so. You can inspect the page in question in your browser and you will find the class in the body tag. You can then use CSS like this:

    .page-id-123 #main {
        padding-top: 316px !important; 

    Just replace the example page-id class with your own.

    Best regards,


    Hi Rikard,

    This works!

    Thanks a lot and have a nice day:)



    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Whitespace Separator height problem’ is closed to new replies.