WordPress.org

Support

Support » Themes and Templates » Asteroid » [Resolved] Menu in Mobile doesn't work correctly

[Resolved] Menu in Mobile doesn't work correctly

  • The mobile version of the primary menu (in the header) looks great. However, when you select a parent option to view the child menu pages it briefly displays them in a drop down but selecting them is impossible. They quickly disappear. It seems only the parent items can be visited. Anyone know how to fix this? Thanks

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author ronangelo

    @ronangelo

    Main menu on mobile is improved on version 1.1.6
    Parent menu items should contain a null link (#) instead of a real url to be able to select the sub-menus.

    I’ve upgraded to 1.1.6 and it looks great but I’m still not able to select sub menu items on a mobile device. The menu opens and you can view the sub menus but it closes before you can click it. Is there anything I can do to make it work right? Thanks

    Theme Author ronangelo

    @ronangelo

    I’m guessing you didn’t create a custom menu, right? Like I said on my first reply, parent menu items should be null so that they can be pressed or tapped. The sub-menu should only close when you press on a sub-menu item or on another parent menu item. Maybe you could provide a link to the site that shows the issue.

    I’m going to research this ‘null’ concept because I don’t understand it. I have to create a new menu? In the meantime, sure, here is a link to my site:

    http://www.electricianauthority.com/

    Thanks a lot

    Theme Author ronangelo

    @ronangelo

    I have to create a new menu?

    No, not really. I just thought you haven’t created a custom menu yet.

    As I mentioned above you’ll just have to make the parent menu items null. This article should show you how: http://premium.wpmudev.org/blog/daily-tip-how-to-create-a-wordpress-menu-link-that-isnt-clickable/

    Tip: since you used the logo option to fill the entire header, you could add this code on Asteroid Options -> Custom CSS so that there are no white space/gap when viewed on a mobile device.

    #header {min-height: 0;}

    Thanks so much! Case closed!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Resolved] Menu in Mobile doesn't work correctly’ is closed to new replies.
Skip to toolbar