I’ve got the annoying problem of a landscape tablet using my desktop nav bar. Because I need the dropdowns to work on hover on desktop and then on click on touch screens I need to switch the nav bar on the tablet desktop view.
For all my other media sizes, I’ve done this simply in the visual editor, but I need to use css code to do this for tablet landscape. I found this post, so I’ve used this as a starting point…
Here’s what I’ve tired that isn’t working:
<style>
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
.navbar-2 {
display: none;
}
.navbar-2.tablet {
Display: flex;
}
}
</style>
Does anyone have any ideas of what I’m doing wrong?