Header Menu on lower resolution desktop
-
My website is having a problem with the header menu. In 1920×1080 and above, the navigation menu works fine. The mobile menu is working fine too.
The problem is that in lower resolution PC’s like 1600×900, 1440×900, 1366×768, the desktop menu is breaking down into two lines. I don’t want the mobile menu to show up in desktops(so i changed the breakpoint of the mobile menu to 1200x).
This is also the case of Tablets Landscape, i want the desktop menu show up, but scaled down. (I think that solving the low-res desktop will solve the tablet landscape aswell)
(the issue with the width of the menu starts when going below 1690x.)
How can I make the desktop menu to scale down according to the resolution?
(I’m not an expert in CSS, but in my head the solution may be around a custom-CSS with someting like a media query with (min-width: 1200px) and (max-width: 1700px), or even a 900px to 1700px, to work in between those resolutions, i don’t know)
- The topic ‘Header Menu on lower resolution desktop’ is closed to new replies.
