Viewing 1 reply thread
You must be logged in to reply to this topic.
The main menu for my website (www.d2realization.com) is 2 levels, a main category page level and sub pages under the main categories. On desktop both levels are clickable and lead to to correct pages. On mobile and tablet only the submenu items work. How do I make the menu work on all devices?
Hello,
Yes, this is done so that the sub-menus are shown/hidden in mobile just like in desktop. It was a very required feature for mobile from our customers.
To avoid this, I recommend adding the parent item in the sub-menu list too. Then add a custom css class to it (screenshot).
Then add this CSS to that custom CSS class:
@media (min-width: 979px){
.hide_in_desktop {
display: none;
}
}
So the new menu item, will not be visible in desktop but only from tablet screen size and smaller.
Let us know.
Best regards!
You must be logged in to reply to this topic.