-
-
Hello,
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.
My site: https://181.224.130.249/~ilmailum/
-
Hello,
Please add this code into your custom css box:
@media (max-width: 1024px){ #logo img { margin-left: -46px;} .row-fluid .span12 { width: 895px;} }
Let us know.
Best regards!
-
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?)
-
-
Hello,
Please edit the above code to this:
@media (max-width: 1024px){ #logo img { margin-left: -46px !important;} .row-fluid .span12 { width: 895px !important;} }
Best regards!
-
Thanks,
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.
-
Hello,
The 1024px is the standard width for iPad devices. If it is bigger than that, it is considered a desktop device. However, you can edit it as you wish.
Best regards!
-
You must be logged in to reply to this topic.