Nested menu on mobile

drorli · Member · June 30, 2021 at 2:43 pm
Copy link

Add topic to favorites
Hello,

I have a sub-menu on the header menu. It looks good on the desktop version. On mobile, when touching the “Menu” it opens all the items at once.
Is it possible that it will work just like on the desktop?

Thanks in advanced

The blog I need help with is: (visible only to logged in users)
itsdavidmorgan · Theme Author · June 30, 2021 at 8:25 pm
Copy link
Hello,

Thanks for reaching out. This is the intended functionality of the mobile menu. However, if you would like to hide submenu items from the mobile menu, you can add the following CSS within the Customizer:
```
.mobile-menu li li {
    display: none;
}
```
I hope this helps.

Thanks!
drorli · Member · July 1, 2021 at 8:35 am
Copy link
Thank you for your answer.
The CSS hide all sub-menus.
is it possible to mimic the behaviour of the desktop? open the sub-menu only when touching it?
itsdavidmorgan · Theme Author · July 2, 2021 at 5:50 pm
Copy link
Hello,

It’s not possible to mimic the desktop behavior for the mobile menu due to code restrictions within the theme. However, you could try using a mobile menu plugin such as this one, https://wordpress.org/plugins/mobile-menu/

I hope this helps.

Thanks!
drorli · Member · July 4, 2021 at 6:47 am
Copy link
Thanks for the suggestion. It is working fantastically together.
And many thanks for a great theme and support.

No items found.