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
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
Hey Mike,
Thank you for the quick reply.
Unfortunately, it didn’t work.
The whitespace is still there on both iPhone and android
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
Hey
I check again know on both platforms, and now it works.
Thanks again for all the help
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