Mobile Submenu Dropdown function

Support
#1

Hello! I’m working on www.ibjja.com. I’m trying to make the mobile submenus open when the user clicks anywhere on the menu item. The default behavior is to open the submenus when the user clicks the double arrows to the right. Is there any way to fix this? I saw a couple other posts from 2015 where you guys provided some jquery to accomplish this, but it didn’t work when I plugged it into the JS in the customizer.

Here are the two solutions I found, neither of which seem to work for me:


Thanks for any help!

#2

Hello @rsellick,

Thanks for writing in! As of this moment, when I hover over a menu item, the submenu opens. Even if you hover anywhere in the menu item, the sub menu opens. The click event is no longer necessary because the submenu will already opens up as you hover it.

Can you please clarify what you have in mind?

Regards.

#3

Absolutely!

I may not be using the correct terminology here. I’m referring to the Mobile submenus. So when I resize the viewport and click the Mobile Navigation Hamburger, I must click on the double arrows to the right of the submenus to expand each. I’d like to change it so that I can click anywhere on the menu item to expand it and reveal the containing menu items.

Hope that makes sense!

#4

Hello @rsellick,

Thank you for the clarifications.

In the case, to resolve your issue, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

#x-nav-wrap-mobile .x-sub-toggle {
    width: 100%;
    text-align: right;
    z-index: 999999;
}

We would love to know if this has worked for you. Thank you.

#5

You’re welcome!
It’s good to know that it has worked for you.

#6

You’re welcome!
It’s good to know that it has worked for you.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.