Mobile Submenus Inaccessible

[USAT009]

Hello,

When you click on the mobile menu button, it opens the primary menu just fine.
But if you click on any of the main links, it opens the submenu under that link, and automatically moves them to the top level page. It gives them no chance to browse the submenu items before committing to a top level or sub item in the navigation pane.

Is there anyway to not automatically access the top level links before giving people a chance to see and access the full submenu options?

The credentials below are for viewing only and don’t need a secure note.

Thank you,

Jesse

[nabeel]

Hi Jesse,

Thank you for reaching out to us. I checked your site in different devices and different browsers and the mobile navigation works as intended. Please note that to open the sub menu you need to tap on the double arrow icon (see screenshot), if you tap on the menu item it will redirect you to the page link

If you’re still having issues then providing a video recording would help us to take a closer look at the issue. Thanks!

[USAT009]

OK, i guess the real question is, can the area of expansion be enlarged?

you have to click pretty much exactly on center of the double arrows.
Even the slightest deviation clicks the main category link.

Is there a way to make it so they have to click on the word to open the link, and click anywhere else it expands?
It just doesn’t make sense to have over 95% of row to link direct instead of expanding the sub menu.

[ruenel]

Hello Jesse,

To expand the width of the area where you can click to open the submenu, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-nav .x-sub-toggle {
    width: 65px;
}

Feel free to increase the width if necessary.

[USAT009]

ok thank you

[friech]

You’re most welcome,

Cheers!