Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #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:

    http://goo.gl/eKx7Sl

    Thanks.

    #173782

    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; } }

    Regards,
    Yigit

    • This reply was modified 9 months, 3 weeks ago by  Yigit.
    #173784

    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?

    #173790

    Hey!

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

    Cheers!
    Yigit

    #173814

    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.

    #173915

    Hi!

    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 http://www.kriesi.at/support/topic/collapsable-menu/#post-165144
    You can change the screen width to switch to mobile menu with those instructions

    Best regards,
    Yigit

    #174125

    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.