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

    Hey,
    I have 2 pages on my site where I hide the header on them, but for some reason on mobile, there is whitespace at the top where the header is meant to be.
    how can I eliminate it?

    I’ve added the relevant links and login info

    thank you

    #1357133

    Hey Reut Rachel,
    Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    @media only screen and (max-width: 989px) { 
    .responsive.html_mobile_menu_tablet.html_header_top #top.page-id-28 #main,
    .responsive.html_mobile_menu_tablet.html_header_top #top.home #main {
    	padding-top: 0px !important;
    }
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1357138

    Hey Mike,

    Thank you for the quick reply.
    Unfortunately, it didn’t work.
    The whitespace is still there on both iPhone and android

    #1357140

    Hi,
    I’m not seeing it when I check, please clear your browser cache and check.
    Please note that testing with iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

    Best regards,
    Mike

    #1357148

    Hey
    I check again know on both platforms, and now it works.

    Thanks again for all the help

    #1357149

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘whitespace on mobile instead of header on pages that the header is hidden’ is closed to new replies.