WordPress.org

Forums

Serene
[resolved] [closed] Menu not showing properly in iphone (16 posts)

  1. lsyres
    Member
    Posted 1 year ago #

    On an iphone the menu looking at it vertically is behind the featured image.

    Is there a fix for this?

    Love the theme! Thanks!

    http://www.burtonhillfortworth.com

  2. Andrew
    Nuh uh moderator
    Posted 1 year ago #

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

  3. lsyres
    Member
    Posted 1 year ago #

    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.

  4. Andrew
    Nuh uh moderator
    Posted 1 year ago #

    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;
     }
    }
  5. lsyres
    Member
    Posted 1 year ago #

    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.

  6. lsyres
    Member
    Posted 1 year ago #

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

  7. Andrew
    Nuh uh moderator
    Posted 1 year ago #

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

  8. lsyres
    Member
    Posted 1 year ago #

    Responsive Contact Form plugin was the issue

  9. lsyres
    Member
    Posted 1 year ago #

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

  10. thatiphoneblog
    Member
    Posted 1 year ago #

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

  11. Andrew
    Nuh uh moderator
    Posted 1 year ago #

    @thatiphoneblog http://wordpress.org/support/theme/serene#postform create your own thread

  12. scorpion91163
    Member
    Posted 1 year ago #

    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

  13. Andrew
    Nuh uh moderator
    Posted 1 year ago #

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

  14. lmcclamb
    Member
    Posted 1 year ago #

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

  15. foolcrow
    Member
    Posted 11 months ago #

    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.)

  16. Andrew
    Nuh uh moderator
    Posted 11 months ago #

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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.