How can I fix the secondary menu when scrolling down.

Hi there,

you can use some CSS to make the secondary nav sticky:

#secondary-navigation {
    position: -webkit-sticky;
    position: sticky;
    top: 92px; /* Height of header */
}
/* Adjust position for mobile header */
@media(max-width: 768px) {
    #secondary-navigation {
        top: 60px;
    }
}

Thank you so much David!
It worked well for me, I will keep using GP for my projects.

Glad to hear that!

Hello David, I am the fan of GP.
Now I have an issue that my secondary menu's hover over color could not changed..
Here is the referential video https://www.awesomescreenshot.com/video/2929989?key=f40f9e6b177ac4461a75b4a5134ccbb8

Is there any way to solve this issue?
Thanks in advance,

Chris

Hi there,

Any chance you could link us to the site in question so we could check for any reason why it occurs?

It helps to clear cache as well.

Hi Elvin, here is the site link https://54.68.147.74/~lfs/politiques-des-langues/

Hi Stephen,

The background current and text current colors are overriding the hover colors, because all of the secondary navigation items are linked to the current page with different anchors.

You could try to clear the current colors in customizer see if that works.

Hi Ying, sorry for the late reply, I checked the site, it works well!
Appreciated your help, always be your fan.

Btw for the menu background color issue which you helped us months ago, the background color seems still shows up, I will switch back to that topic and send you detail info, hope can get your continued advice.

Chris

Thanks Chris for getting back to me.
Glad it works now!

Let's deal with the background color in the other topic :)