WordPress.org

Ready to get started?Download WordPress

Forums

Asteroid
[resolved] Menu in Mobile doesn't work correctly (7 posts)

  1. anefarious1
    Member
    Posted 5 months ago #

    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

  2. ronangelo
    Member
    Theme Author

    Posted 4 months ago #

    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.

  3. anefarious1
    Member
    Posted 4 months ago #

    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

  4. ronangelo
    Member
    Theme Author

    Posted 4 months ago #

    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.

  5. anefarious1
    Member
    Posted 4 months ago #

    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

  6. ronangelo
    Member
    Theme Author

    Posted 4 months ago #

    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;}
  7. anefarious1
    Member
    Posted 4 months ago #

    Thanks so much! Case closed!

Reply

You must log in to post.

About this Theme

About this Topic

Tags