Archived topic
adjustment on menu does not work with sticky menu
5 replies · Started by xavyconect on August 28, 2020
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!
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 :)
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!
Try this:
@media (min-width: 769px) {
.main-navigation.has-sticky-branding.navigation-stick .inside-navigation {
margin-right: 50px;
}
}
thank you!
No problem :)