[Resolved] adjustment on menu does not work with sticky menu

[xavyconect]

Hello,

I adjusted my main menu 80 pixels to the left with CSS:

@media (min-width: 768px) {
.main-navigation {
margin-right: 80px;
}
}

When scrolling down, the stick menu changes to the original position all the way to the right.

How can I change this adjustment to the sticky menu as well?
Thank you!

[Leo]

Hi there,

Have you considered using this option?
https://docs.generatepress.com/article/navigation-as-a-header/

Might be what you are looking for.

Let me know 🙂

[xavyconect]

Hello,

That did not work. (navigation as header)

Is there any other way to control the position of the sticky menu? (pixels to the left)
Perhaps via CSS?
Thank you!

[Leo]

Try this:

@media (min-width: 769px) {
    .main-navigation.has-sticky-branding.navigation-stick .inside-navigation {
        margin-right: 50px;
    }
}

[xavyconect]

thank you!

[Leo]

No problem 🙂

[Author]

Posts