Mobile Menu Display

  • In our mobile display, we have our main menu shown at the burger menu icon (3 lines at the upper right). However, we want to show also the submenu in our mobile display whenever our users click the main menus . The question is we don’t know exactly how to do it at the back end, does anyone here can help us through?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator bcworkz

    (@bcworkz)

    Do you mean you want the new arrivals and on sale nav items to be part of the hamburger menu?

    These items would most likely then need to be part of the main menu and not in a separate container. Some custom styling could have the last two items still appear separately in the desktop view, but they’d all collapse into the hamburger menu on mobiles.

    Your theme apparently considers the secondary menu unimportant and simply hides it on mobile devices. All the same, consider asking in your theme’s dedicated support channel about how to handle the secondary menu in some other way than hiding it. They might have a better suggestion than mine.

    Thread Starter hlous

    (@hlous)

    I mean , the submenu will be shown when a user clicks the main menu. For instance, we have 3 submenus for a main menu for clothing. So when I click the main menu (clothing) the supposed submenu should be shown in mobile display however that is not the case for us. I need help for this issue to be fix. Thanks

    Moderator bcworkz

    (@bcworkz)

    Currently there are different submenus for various pages? That’ll complicate things, but a custom coded solution is feasible. How are you at PHP coding?

    The wp_nav_menu() function has a number of filters which can be used to dynamically alter main menu content. We can distinguish mobile requests from desktop by user agent. When mobile we could query for appropriate submenu items and append them to the main menu.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Mobile Menu Display’ is closed to new replies.