Archived topic

Secondary navigation going back to the top also when scrolling down

5 replies · Started by Torsten on February 7, 2022

Viewing posts 1–6 of 6

February 7, 2022 at 1:24 am #2107818

Hi Elvin,

Thanks for your quick reply 🙂

I would like to have the secondary nav going back to the top also when scrolling down (not going underneath the primary nav) so it should be always on top after the initial load of the page, scrolling down the page down, and scrolling up again.

I like that neat delayed fade effect of the primary nav when scrolling.

I tried with CSS:

#sticky-navigation { top: 42px !important;}
.main-navigation { margin-top: 42px; }

but that leaves a gap underneath the secondary nav when loading the page initially so I think it needs to be included in your script to work properly.

I hope that all makes sense to you.

Cheers,
Torsten

February 7, 2022 at 1:39 am #2107830

Hi Torsten,

Can you kindly provide a link to the site in question?

You may use the Private Information field in doing so. Here is a link you may refer to with regards to this:

https://docs.generatepress.com/article/using-the-premium-support-forum/#:~:text=opening%20a%20topic.-,Private,-Information

Hope to hear from you soon!

February 15, 2022 at 4:02 pm #2120243

Hey Fernando,

Hope that helps.

Thanks a lot,
Torsten

February 15, 2022 at 7:51 pm #2120415

Thank you for getting back to us Torsten!

Can you try adding this CSS and see how it goes?

nav#secondary-navigation {
    position:absolute;
    top:0;
}

Hope to hear from you soon! :)

February 16, 2022 at 6:05 am #2121012

Hey Fernando,

That really worked! :-)

Thanks so much,
Torsten

February 16, 2022 at 7:19 pm #2122048

You’re welcome Torsten! Glad that worked! Feel free to reach out anytime if you’ll need assistance with anything else. :)

This archived topic is closed to new replies.

Start building better websites today.