Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1249790

    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!

    #1250112

    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

    #1250782

    Hi Victoria,

    I have tried the code in both places and neither have worked, unfortunately.

    Do you have any other suggestions?

    Thank you.

    #1251854

    Hi oladigital_co,

    I added the code for you. Please check.

    Best regards,
    Victoria

    #1253420

    Thanks Victoria, that has done the trick and it is now displaying correctly.

    Appreciate your assistance.

    #1253576

    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

    #1253739

    Yes that’s all I need thanks. Feel free to close the topic.

    #1253747

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Header displaying with extra padding on mobile portrait view only’ is closed to new replies.