Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 29, 2016 at 8:46 pm #604777
    harris

    Hey,

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

    • This topic was modified 8 years, 7 months ago by harris.
    March 29, 2016 at 11:04 pm #604829
    Yigit

    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

    March 30, 2016 at 1:58 pm #605149
    harris

    Hi,

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

    March 30, 2016 at 2:11 pm #605159
    Vinay

    Hey!

    Please try this in Enfold > General Styling > Quick CSS

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

    Regards,
    Vinay

    March 30, 2016 at 2:16 pm #605163
    harris

    Thanks Vinay. Got it now.

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