WordPress.org

Support

Support » Themes and Templates » [Resolved] Menu not showing properly in iphone

[Resolved] Menu not showing properly in iphone

Viewing 15 replies - 1 through 15 (of 15 total)
  • Moderator Andrew Nevins

    @anevins

    Where do you want it apart from infront of the featured image?

    I’m unable to navigate the menu on an Iphone. It’s fine where it’s at…just can’t click to see other pages on mobile.

    Moderator Andrew Nevins

    @anevins

    In your Child Theme style.css file (at the bottom) add this:

    @media only screen and (max-width: 768px) {
     #et_mobile_nav_menu {
      position: relative;
      z-index: 1;
     }
    }

    Ok, thanks for the quick response… that makes the three lines visible (places them over the featured image) but am not able to click the nav button now.

    Other question is: Why don’t widgets show up on mobile?

    Moderator Andrew Nevins

    @anevins

    Can you try deactivating plugins? You have JavaScript errors, which can break the theme’s menu button.

    Responsive Contact Form plugin was the issue

    Do you know why footer widgets don’t show on mobile?

    Widgets? Does anybody have an answer to this? That’d be really grateful.

    Hello.
    I have the same issue.
    My menu is behind the image when using a smartphone.
    The tree lines menu are only visible when I put my smartphone in landscape mode. Otherwise I can only see one line and it is not possible to navigate on the site.
    I tried to change the style.css and deactivate all plugins as explained but it still does not work…
    Do you have other tips to solve this ?
    Thanks

    You can create your own thread here: http://wordpress.org/support/theme/serene#postform

    Give “#et_mobile_nav_menu ” a negative margin of at least 40px. Problem solved.

    Code should look like this

    @media only screen and (max-width: 768px) {
    #et_mobile_nav_menu {
    margin-top: -40px;
    }
    }

    I’m struggling with this same issue and neither solution above works for me. But the problem doesn’t seem to be caused by the featured image. In my case, it’s happening because my site title is too long. When my Title is “Life Transitions Workshops” the mobile menu displays incorrectly using either solution above. If I simply change the Title to something shorter, like “LTN” the menu floats elegantly in the top right corner in portrait and landscape modes. But the shorter title isn’t a good solution either.

    Can the code be tweaked in some way to tell the menu to ignore the title text?

    (I didn’t start a new thread because this seems to be the same issue as originally posted. His site title is also pretty long and I suspect if it were shortened the menu would appear correctly. If I’m wrong about that I’ll start a new thread.)

    You can create your own thread here: http://wordpress.org/support/theme/serene#postform

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘[Resolved] Menu not showing properly in iphone’ is closed to new replies.