WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Thirteen
Mobile menu can't open child items on iOS (14 posts)

  1. Nile
    Member
    Posted 2 months ago #

    When I view the web page on an iPhone, if I click the Menu, I see only the top level items. When I click one of the top level items, it expands to show the children, but then the page quickly loads the top level page I just clicked on, so I'm unable to navigate to any of the child pages.

    Any ideas how I can make it so that the top level items can be expanded with a click so the navigation can be used on an iPhone?

    Is there one way to make them expand, but then also have them be "clickable" so the user can navigate to those pages?

  2. sinumsen
    Member
    Posted 3 weeks ago #

    I have just sadly discovered the same issue..

    Would be awesome if that could be fixed as it kinda ruins the theme if you can't use it on any iOS devices..

  3. Andrew
    Forum Moderator
    Posted 3 weeks ago #

    Edited: Without looking at this as a bug, you need to consider a better design that would encompass this and if that's too much work then you should consider using another theme.

  4. sinumsen
    Member
    Posted 3 weeks ago #

    There is on my device. When i click the "parent page" menu, the sub menu shows up, but you really have to be fast to click it as the Parent Page loads right away. Its possible here tho as there are no menu after "Parent Page".

    If you put an extra menu (about or something) to the right of "Parent Page", you can't click the sub menu as it would trigger the about page instead.

  5. Andrew
    Forum Moderator
    Posted 3 weeks ago #

    If you put an extra menu (about or something) to the right of "Parent Page", you can't click the sub menu as it would trigger the about page instead.

    But the issue you're describing of not being able to access the child page would be inherited onto the parent page if you take the suggestion:

    Any ideas how I can make it so that the top level items can be expanded with a click so the navigation can be used on an iPhone?

  6. sinumsen
    Member
    Posted 3 weeks ago #

    Any ideas how I can make it so that the top level items can be expanded with a click so the navigation can be used on an iPhone?

    This is exactly what we need - if a menu have sub menus, it should only expand at first click - seen on a lot of home pages.. Not a clue about how to program it, just sad as i like the theme and therefor hoping for help here :)

  7. Andrew
    Forum Moderator
    Posted 3 weeks ago #

    - if a menu have sub menus, it should only expand at first click - seen on a lot of home pages

    So you want to disable the parent page link? I don't understand because you're facing the same problem if you take that approach, but it'll just be on the parent item instead of the child.

  8. sinumsen
    Member
    Posted 3 weeks ago #

    Now i have made some more test. I have 3 menu items with sub menus in - "OSX Server", "Galleri" and "Test Parent". they are all different set up and none works on my iOS device.

    First one OSX server is a page and the sub menus are categories put in as sub menus.

    Galleri is a page and the sub menu "test side" is a page.

    "Test Parent" menu is a ling i have put in and after that cleared the url so the menu it self don't have a link. The sub here "test child" is a page.

    None of these works on the iOS device...

    What i have seen is that when a menu is shown on iOS devices, you had to click menu items twice. like first click is to choose and second is to go.. not sure how else to explain it

    You can see my site and how it works at http://sh.sinumsen.dk

  9. Andrew
    Forum Moderator
    Posted 3 weeks ago #

    What i have seen is that when a menu is shown on iOS devices, you had to click menu items twice. like first click is to choose and second is to go.. not sure how else to explain it

    So, you press the Parent link first and it expands the children links, then when you press the Parent link again the children don't minimise but a new action is introduced and the Parent link goes to another page?

    You can introduce what ever functionality you want, and we can recommend the JavaScript to help you, but choosing what the theme should and should not do is a usability question that should first be explored in user testing.

  10. sinumsen
    Member
    Posted 3 weeks ago #

    Im not requesting any special kind of functionality, just here to point your attention to the issue that as the theme is now, its not working on iOS devices. Well the part about child menus..

    In all of your reply, it sounds like you can't see the problem - is that true?

  11. sinumsen
    Member
    Posted 3 weeks ago #

    Just tried to change between a few themes. A nice way to handle the menu on iOS is like the Ignite theme, where the menus are folded out from start wen you click on the menu. Not sure how that would look like with a bigger site with a more complex menu tho..

  12. sinumsen
    Member
    Posted 3 weeks ago #

    Ok i jus twee there is a difference in how the menu is handled on an iPhone and an iPad. The Ignite theme is working well in iPhone but is shown like on a computer on the iPad and then i can't use the child menu.. so back to Twenty Thirteen and hoping you can make some fix :)

  13. sinumsen
    Member
    Posted 3 weeks ago #

    I have made it work on the iPad now by making all parent menu who have childs to links where the link is just a #.

    But on the iPhone its just impossible to use child menus.. It reloads the page and shows the menu, but if the menu you need to click is down the screen so you have to scroll, the menu disappear as soon you touch the screen.

  14. sinumsen
    Member
    Posted 3 weeks ago #

    ok..!!

    Now i took a look at http://twentythirteendemo.wordpress.com on all my iOs devices and they all show this menu perfect... How the h... have you made that work??

Reply

You must log in to post.

About this Theme

About this Topic