Hi there,
I am having an issue on my site where the header is displaying with extra padding on mobile portrait view only. I’m not sure if there’s a problem with the custom CSS I have already on the site that’s causing this to happen.
Screenshot of problem: https://snipboard.io/SawhxM.jpg
Login details attached.
Thank you!
Hey oladigital_co,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media screen and (max-width: 782px) {
html {
margin-top: 0px !important;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria,
I have tried the code in both places and neither have worked, unfortunately.
Do you have any other suggestions?
Thank you.
Hi oladigital_co,
I added the code for you. Please check.
Best regards,
Victoria
Thanks Victoria, that has done the trick and it is now displaying correctly.
Appreciate your assistance.
Hi,
Great, I’m glad that Victoria could help you out. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Yes that’s all I need thanks. Feel free to close the topic.
Hi,
If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon