Archived topic

Sticky on both menus

3 replies · Started by Claire on July 24, 2018

Viewing posts 1–4 of 4

July 24, 2018 at 9:35 am #631689

Hi
Hope you can help.
I want to enable sticky navigation, but I'm using both my primary and secondary menu above the header.
I've had to use my primary menu as the top one (as this has the cart and search enabled), and then the secondary one as the main navigation below it.
Is there a way to make them both sticky?
Thanks
Claire

July 24, 2018 at 7:42 pm #632061

You could try something like this:

#secondary-navigation {
    position: sticky;
    top: 35px;
}

Let me know :)

July 25, 2018 at 1:34 am #632178

Hi Tom

Thanks for your help, sadly sticky doesn't seem to be recognised?

Thanks

Claire

July 25, 2018 at 10:21 am #632608

Hmm, try this instead:

#secondary-navigation {
    position: fixed;
    top: 35px;
    left: 0;
    right: 0;
}

This archived topic is closed to new replies.

Start building better websites today.