Hide Dropdown Menu Item In Mobile View

I’m trying to get the navigation dropdown menu items to dropdown on hover in desktop view and already be open in the mobile nav.

I figured the best way to do this was to hide the dropdown menu items in the mobile views and have the new extended menu show. However, the dropdown menu items will NOT hide on mobile. They will on desktop, but not mobile.

Is this a bug or is it by design? Please advise.


Here is my public share link: LINK
(how to access public share link)

There’s two ways you can hide elements for mobile. Let’s do it on your drop dow menu item.

1 — select element, remove visibility for devices:

2 — select element, give it a class, select tablet, apply display:none (it will affect other devices under it)

wow. Thanks so much for taking the time. The first method worked for me. I hadn’t tried that, however, the class option doesn’t work for my dropdown menu items.

I will continue with the first option (thanks for that), but I wonder what’s going on.

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