Static Navigation shrinks when scrolling

Hi,

I have selected the fixed Navigation, but when scrolling down, the navigationbar shrinks (see red marks in attached image)

It does not “unshrink” when scrolling back up.

Can you tell me how to fix this?
Than you very much in advance!
Best regards! Fabian

HiHi Fabian,

Please provide us with your website URL so we can take a closer look.

Thanks.

Hi There,

Please add this custom CSS under Customizer > Custom > Global CSS:

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

Let us know how it goes!

Thanks for the code, but now the navbar gets wider when scrolling. Is it possible to adjust the code, so that it will fit my boxed layout?

Thank you very much!

Hello There,

Thanks for updating in! To resolve this, please have the code updated and use this instead:

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

Hope this helps. Please let us know how it goes.

Hi,

thank you very much! Now it works as it should.
Best regards and thanks again!
Fabian

You’re welcome.

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