Archived topic
sticky menu same as navigation menu
6 replies · Started by Factory Prime on February 21, 2020
Hi
How is possible to have sticky menu same as navigation menu?
https://cmprj20.factorybank.it/
Hi there,
I believe this option is what you are looking for:
https://docs.generatepress.com/article/navigation-as-a-header/
Let me know if this helps :)
Hi Leo
at the link you wrote me I can't find a solution to my problem.
i used to build heder:
.inside-header {display:flex;justify-content:space-between;padding: 0;margin: 0;}
.inside-header .site-logo {order:1;margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;}
.inside-header .main-navigation {order: 2;margin-left: auto;margin-right: auto;}
.inside-header .secondary-navigation {order: 3;margin-left: auto;}
I need to have the same layout but now it change.
please visit: https://cmprj20.factorybank.it
Hmm we could use some CSS to make the header sticky but you wouldn't have the transition.
Does that work for you?
Hello
Could the same thing be done for the sticky header?
Or we can try without transitions with css.
Disable the sticky navigation option in the customizer and try this:
.site-header {
position: sticky;
top: 0;
left: 0;
right: 0;
z-index: 999;
}