Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 10, 2013 at 5:11 pm #173704
    erostad

    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.

    October 10, 2013 at 8:24 pm #173782
    Yigit

    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 11 years, 1 month ago by Yigit.
    October 10, 2013 at 8:26 pm #173784
    erostad

    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?

    October 10, 2013 at 8:30 pm #173790
    Yigit

    Hey!

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

    Cheers!
    Yigit

    October 10, 2013 at 8:48 pm #173814
    erostad

    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.

    October 11, 2013 at 2:37 am #173915
    Yigit

    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 https://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

    October 11, 2013 at 1:07 pm #174125
    erostad

    Thank you – exactly what I was looking for.

  • Author
    Posts
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.