Wrong menu showing up on iphone but not on desktop

  • Unknown's avatar

    Hi,

    I love the layout of the new mobile version of my Sketch theme.

    Yet I noticied this week, that when I click on “Menu” on the top of the screen in the mobile version of my website, on my iphone 6 (iOS 8), the menu that shows up is one of the Side menus instead of the Top menu. But in previews on wordpress.com, and on another person’s desktop, the Top menu does show up.

    I tried changing the menu and changing it back, but it did not seem to make a difference.

    Could there be a bug in the mobile app code?

    Or what can I do to fix this problem?

    Thank you for your time and consideration,
    Marie-Claude

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Hi Marie-Claude,

    I checked your site on my iPad in Safari IOS 8 and iPhone 4s again Safari IOS 8. The menu works as I’d (you’d) expect on the iPad, but I confirm it’s picking up “another” menu from the pulldown at the top left “Menu” on iPhone.

    It’s my opinion that this behaviour is incorrect and that the iPhone version should pick the main/primary menu rather than another one. So it seems it’s a bug.

    There’s nothing more I can do personally, so I’ve added a “modlook” tag for staff attention, so a member of staff will respond to you shortly.

    Cheers

    Don Charisma

  • Hi! It looks like you’re using the default mobile theme instead of the one that comes with Sketch (edit: my apologies, I’d linked you to Sela). You can change that on Appearance → Mobile.

    Also, I don’t know whether you wanted a front page like Sketch offers. If you do, there are some setup instructions here: https://theme.wordpress.com/themes/sketch

  • Unknown's avatar

    Thanks @supernovia, I learnt something there too … one question – which is the “default mobile theme” :

    Enable mobile theme
    1) Yes
    Or
    2) No

    Cheers

    Don Charisma

  • Unknown's avatar

    The mobile ready theme is default and a completely different theme that you do not need to enable at all when you are using a responsive layout theme https://theme.wordpress.com/themes/features/responsive-layout/

    A responsive layout theme adapts to different screen sizes so that your website will work (and be optimized for) iPhones, iPads, Android and other mobile devices. When responsive width themes are viewed on mobiles sidebars appear below the posts in order to provide as much space as possible for reading.

    When we use a responsive theme we disable the mobile theme > Dashboard > Appearance > Mobile and disable the mobile theme.

  • Unknown's avatar

    @timetheif, ok, that makes sense …

    So “Yes” is the “default mobile theme” which isn’t needed with a modern responsive theme, which defaults to “No” in Mobile settings in WP.com.

    Only use “Yes” if your theme doesn’t support or work very well with mobile viewport, and a magic “default mobile theme” will be provided for you … and presumably this defaults to “Yes” in this case …

    Did I understand that correctly ?

    Cheers

    Don Charisma

  • Unknown's avatar
  • Unknown's avatar
  • Thanks @timethief :)

    More info here, all:
    https://en.support.wordpress.com/themes/mobile-themes/

    And @mcbmolgat – just to clarify, I definitely recommend disabling the mobile theme, since Sketch is beautifully responsive on its own.

  • Unknown's avatar

    I’ve disabled the mobile theme.
    Seems to work as the menu was intended.

    Thank you!!
    mc

  • The topic ‘Wrong menu showing up on iphone but not on desktop’ is closed to new replies.