Does anyone know how to deal with media queries in 5.7?
Permalink
Hi everyone!
I am trying to test build a website in 5.7.3.1.
In 5.6, media queries were usually at the end of the main.css, or similar.
Now I am working with the "Elemental" theme, and I would like to change the breakpoint of where the normal header nav changes to the mobile header nav. The problem is that on the larger iPad - hover drop-down navigation is not supported, so none of the secondary pages are reachable from the header nav.
I noticed many themes in the 5.7 marketplace use the hover drop-down, which is attractive compared to "tapping" or "clicking", but as I stated, does not work on the larger iPad. An alternative to changing the media query would be to revert back to this behavior? (tapping for drop-down) Can anyone point me in the direction of a "how-to"?
Thank you, community!
I am trying to test build a website in 5.7.3.1.
In 5.6, media queries were usually at the end of the main.css, or similar.
Now I am working with the "Elemental" theme, and I would like to change the breakpoint of where the normal header nav changes to the mobile header nav. The problem is that on the larger iPad - hover drop-down navigation is not supported, so none of the secondary pages are reachable from the header nav.
I noticed many themes in the 5.7 marketplace use the hover drop-down, which is attractive compared to "tapping" or "clicking", but as I stated, does not work on the larger iPad. An alternative to changing the media query would be to revert back to this behavior? (tapping for drop-down) Can anyone point me in the direction of a "how-to"?
Thank you, community!
