In the main navigation of the site, I have two dropdowns. These have a large list of links within them, so much so that it could be an issue on mobile. I’d like to just hide the dropdowns on mobile and show buttons instead that link to the top level page.
When I try to set display: none; on tablet for the dropdowns, nothing happens. Is there something I’m missing? The replacement buttons hide and show as expected, but the dropdowns do nothing.