Menu moves to the right when scrolling

[Kobber]

Hi,

My menu moves to the right when scrolling down the page - both on desktop and mobile. I’ve tried different settings, but no luck…

Vektropol - digitalt grafisk bureau

[rad]

Hi Kobber,

Thanks for reaching out.

You have this custom CSS that is causing that,

body {
    margin-left: 4%;
    margin-right: 4%;
}

It’s either remove it, or add a 4% left and right margin to your sticky header bar too. The reason for that, the sticky is similar to absolute position where it ignores its containing box, including margin and padding. Hence, you should also add 4% margin to them matching the container.

Thanks!

[Kobber]

It doesn’t work to set the header margin. It does exactly the same.

Can I delete the body margin from the Global CSS, and set it for each page (Content CSS), or do I have to set margins on every section throughout the site?

[friech]

Hi Kobber,

Please provide us login credentials in a secure note so we can take a closer look.

Thanks,

[Kobber]

Yes of course…

[friech]

Hi Kobber,

It seems you complicate things by turning OFF all the Section’s Global Container and then applying a custom padding to the body.

Please remove that custom padding on the body, and utilize the Theme Options > Layout and Design > Site Width and Site Max Width properly.

On the Header, utilize the Outer Spacing, Content Lenght, and Content Max Lenght option of the bar to match the content width and max-width.

You can utilize the Section/Row’s Global Container if you want the ROW to have a different max-width from the Theme Options > Layout and Design, but if not then please keep the global container On.

You might be able to resolve this with a custom CSS, but it would be a bit tricky and risk to have a styling conflict issue (like this now) in the future.

Thanks,