WordPress.org

Ready to get started?Download WordPress

Forums

Serene
Menu not showing properly in iphone (14 posts)

  1. lsyres
    Member
    Posted 10 months 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
    Forum Moderator
    Posted 10 months ago #

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

  3. lsyres
    Member
    Posted 10 months 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
    Forum Moderator
    Posted 10 months 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 10 months 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 10 months ago #

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

  7. Andrew
    Forum Moderator
    Posted 10 months ago #

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

  8. lsyres
    Member
    Posted 10 months ago #

    Responsive Contact Form plugin was the issue

  9. lsyres
    Member
    Posted 10 months ago #

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

  10. thatiphoneblog
    Member
    Posted 8 months ago #

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

  11. Andrew
    Forum Moderator
    Posted 8 months ago #

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

  12. scorpion91163
    Member
    Posted 6 months 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
    Forum Moderator
    Posted 6 months ago #

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

  14. lmcclamb
    Member
    Posted 3 months 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;
    }
    }

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.