Menu does not callapse right

Support
#1

Hi there!

My Navbar does not collapse right and looks pretty bad on some screenszces. How can I change that?

see screenshot:
https://screenshots.firefox.com/n45EFdFbvYC27GSK/hp.christianseidel.de

Thanks!

#2

Hi There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you.

#3

sure, here it is

#4

Hi there, why is no one answering? I need help urgently - the site is about to go online.
Thanks!

#5

Hi there,

Please try this code:

.x-navbar-fixed-top .x-container {
    width: 100%;
}

@media (max-width: 1083px) {
    .x-navbar-fixed-top .desktop .x-nav > li > a span, 
    .x-navbar .desktop .x-nav > li > a span {
        font-size: 16px;
    }
}

Hope this helps.

#6

Thank you, that is better. But it still happens between 979px - 1083px.
Is that normal?

#7

Hi there,

Please try to add this code to give more space to the menu items:

.x-navbar-inner .x-container.width {
    width: 100%;
}

Hope this helps.

#8

Thank you, but it is still happening on screens beween 978-1008px

#9

Hello There,

Thanks for getting back to us. I tried checking your site but it needs authentication.

Please provide us some access so that we can take a closer look at your menu.

Regards.

#10

Oh yes, sorry…

#11

There is one other problem: the navbar does not strech to the full width of the site.on some screen sizes.
see screenshot:
https://screenshots.firefox.com/IH5cm0Sw0dFHCvH9/hp.christianseidel.de

#12

Hi There,

Please also add this custom CSS:

.x-navbar.x-navbar-fixed-top.x-container.max.width {
    width: 100%;
    max-width: 100%;
}

Hope it helps :slight_smile:

#13

Thanks but I think I explained it wrong: Now the menu goes full width. What I ment that the menu should expand to site width (not full width).

Here a screenshot with your code:
https://screenshots.firefox.com/i1OJZxkZMwYJiDs5/hp.christianseidel.de

#14

Hi again,

Please use this code instead:

.x-navbar.x-navbar-fixed-top.x-container.max.width {
    width: 100% !important;
}

Hope this helps!

#15

Perfect, that did it! Thank you!!

#16

You’re welcome.

#17

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.