Sub Menu on smaller Devices just open by click on arrows

[EIGENARTdigital]

Hey there,

a couple of days ago wie go live with a new website using the X-Theme.

Some customers gave us the feedback, that the submenu doesnt work on mobile/tablet by clicking on the menu item. The Submenu just opens by clicking on the arrows not on the item itself. Some customers get confused by that.

How can we achieve that the submenu also opens by clicking on the menu item itself?

Thanks for your feedback.

Greetings and stay healthy
Andy

[jade]

Hello Andy,

This is done on purpose because most of the time, the main/parent navigation is linked to a page so having the entire area launch the sub menu will stop the parent link from working. But since your setup is different, please add this code in X > Theme Options > CSS:

.mobile .x-nav .x-sub-toggle {
    width: calc(100% - 20px);
    text-align: right;
    right: unset;
    left: 0;
}

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Hope this helps.

[EIGENARTdigital]

Hey Jade,

that code works perfectly.

As always - thanks for your great support

Have a nice Day!
Andy

[jade]

You’re most welcome, Andy.

Have a nice weekend!