[Adrian Galbincea]

On mobile view, when a submenu item is created appears a small arrow on the side. How can I change the submenu to be expandable when clicked/tapped for the entire submenu text, not just the arrow?

I managed to create a blank submenu so will not be clickable.

[Adrian Galbincea]

I checked your demo websites and is the same, you have to tap on the right of the menu (the arrow) to expand it. Will be great to make it expandable when the entire submenu is clicked/tapped not just the arrow.

[vako]

Hi Adrian,

 

At first, thank you for choosing our theme and service.

I will redirect this topic to the developer’s board and they will check for possible solutions.

 

Kind Regards

[Adrian Galbincea]

<p style=”text-align: left;”>Thanks, I hope that your dev team will come up with a solution.</p>

[Duke]

Hi Adrian,

Navigate to Appearance > Customize > Custom CSS section and add the following snippet:

.sub-menu-btn {
z-index: 6 !important;
}

P.S. You don’t need to create empty sub items. Don’t forget to clear the cache for both, the browser and your website.

[Adrian Galbincea]

This reply has been marked as private.

[Duke]

OK, I’ve adapted the code to your website. Remove the old one and add this:

#mobile-menu .sub-menu-btn {
    z-index: 6;
    height: 60px;
}

#mobile-menu .sub-menu .sub-menu-btn {
    height: 30px;
}

Regards

[Adrian Galbincea]

Duke, that is brilliant. It works very well and shows highlighted as well the submenu where you are currently…

Many thanks for your help!

Have a great day!

[vako]

Feel free to contact us at any time, we are more than happy to help.

 

Kind Regards

[Author]

Posts