Header layout issues on smaller screens

[quentro]

I have social icons, cart and language switcher enabled. 4 Sites in the menu and a logo… so nothing special. But: please take a look at the screenshots, the icons are pushed into the menu points.

Thank you

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

We could see if we can improve that with this media query:

@media (min-width: 992px) {
.full-center nav#main-navigation {
margin-right: 150px;
}
}

Thanks.

[quentro]

Improve yes, fix: no 🙂

[David Martin – Support]

Hi,

How do you see it, can you add a screenshot? It’s likely another media query will need to target a lesser size.

Thanks.

[quentro]

Here’s the screenshot

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Got it, let’s tweak the above to this:

@media (min-width: 992px) {
.full-center nav#main-navigation {
    margin-right: 280px;
    max-width: 100%;
}
}

Thanks.

[quentro]

You’re the man 🙂 It works, thank you

[David Martin – Support]

Great, happy to help you!

– David.