[Support request] sticky menu same as navigation menu

Home Forums Support [Support request] sticky menu same as navigation menu

Home Forums Support sticky menu same as navigation menu

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1172850
    Factory Prime

    Hi
    How is possible to have sticky menu same as navigation menu?
    https://cmprj20.factorybank.it/

    #1172852
    Leo
    Staff
    Customer Support

    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 🙂

    #1174907
    Factory Prime

    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.

    #1175359
    Factory Prime
    #1175402
    Leo
    Staff
    Customer Support

    Hmm we could use some CSS to make the header sticky but you wouldn’t have the transition.

    Does that work for you?

    #1175440
    Factory Prime

    Hello
    Could the same thing be done for the sticky header?

    Or we can try without transitions with css.

    #1175756
    Leo
    Staff
    Customer Support

    Disable the sticky navigation option in the customizer and try this:

    .site-header {
        position: sticky;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
    }
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.