Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #604777

    Hey,

    Having an issue on mobile screen that the header is overlapping see images. Thanks.

    • This topic was modified 8 years ago by harris.
    #604829

    Hi Harris!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 480px) {
    div#main { padding-top: 100px !important; }}

    then please disable CSS minifying feature on the plugin you are using it and then flush cache a few times.

    Cheers!
    Yigit

    #605149

    Hi,

    Sorry but that didn’t work. Is there anything else I can do.

    #605159

    Hey!

    Please try this in Enfold > General Styling > Quick CSS

    @media only screen and (max-width: 480px) {
    #main { margin-top: 100px !important; }}

    Regards,
    Vinay

    #605163

    Thanks Vinay. Got it now.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Mobile sticky header over lapping body’ is closed to new replies.