Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #173704

    I have a rather large white space between my menu and top image on the page when viewing the website on a mobile device (iphone both portrait & landscape). This does not happen on the desktop. Any ideas as to why this is happening? Here is the link:



    Hi erostad!

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

    @media only screen and (max-width: 480px) { .fixed_header.social_header #main { padding-top: 0!important; } }


    • This reply was modified 6 years, 11 months ago by  Yigit.

    Thanks, but that also affected the desktop version to where the image gets cut off. I’m only having the problem on the phone. Is there a way just to set the padding to 0 for the mobile version?



    I have edited the code above. Please change it with this one



    Thanks – that worked. Also notice there is a gap in portrait mode on the iPad. Also, is there a way to force the responsive drop-down menu in portrait mode on the iPad? My logo overlaps my menu items.



    Please change previous code with following one

    @media only screen and (max-width: 989px) { .fixed_header.social_header #main { padding-top: 0!important; } }

    And please refer to this post
    You can change the screen width to switch to mobile menu with those instructions

    Best regards,


    Thank you – exactly what I was looking for.

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

The topic ‘Space between menu and top image on mobile devices’ is closed to new replies.