On smaller screen resolutions (desktop small resolution, around 800-1000px wide) my menu breaks (there’s not enough room for it so it drops down under the menu bar. Can I somehow change the breakpoint when the mobile “burger” menu takes over? The problem would be solved if menu could be replaced by mobile menu a bit earlier when resizing the browser window.
Unfortunately this CSS doesn’t help. The menu still drops down, even if you nudge the logo to the left. This is not a solution, there clearly just isn’t enough space for the menu – the mobile menubar needs to be activated as soon as the menu drops down (around 1024 px wide?)
now its better though not perfect. I changed the breakpoint to @media (max-width:1120px). When resizing the window there is still a short range where the menu drops down even if I raise the breakpoint (e.g. 1200px) and move the logo to the left earlier.
