Site logo

Archived topic

sticky menu same as navigation menu

6 replies · Started by Factory Prime on February 21, 2020

Viewing posts 1–7 of 7

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.

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;
}
This archived topic is closed to new replies.