[Resolved] navigation down to scroll

[Matthieu]

Hello, is it possible on generatepress / gppremium that the navigation bar goes down to scroll? If so, a solution ? Thanks

[Leo]

Hi there,

I believe this is what you are looking for:
https://docs.generatepress.com/article/sticky-navigation/

Let me know if this helps 🙂

[Matthieu]

Hello ! I don’t have the Sticky Navigation tab in Appearance> Customize> Layout> Sticky Navigation. However, I have GPPremium and the “Menu +” setting is activated.

[Leo]

That’s super strange.

Can you provide the dashboard access in the private info field for us to take a look?

Please disable all other plugins in the meantime.

Thanks!

[Matthieu]

Here are the iDs

[Elvin]

Hi,

Can you also include the admin login URL on private info field? Thank you.

[Matthieu]

yes !

[Elvin]

Hi,

You’re sticky navigation setting is here:
https://share.getcloudapp.com/Z4uym7gO

Its on Dashboard > Appearance > Customize > Layout displayed as “Affichage du panneau latéral” in your language.

Just set the “Affichage du panneau latéral” dropdown value to “Ouvrir”.
https://share.getcloudapp.com/E0urRyWA

[Matthieu]

Oh thank you very much …! While I’m at it, how can I prevent it from changing size when we scroll the page? And my logo which is in the center of the menu, goes to the left when we go down to the bottom, is there a solution to keep it in the middle ?
Thanks

[Elvin]

Oh thank you very much …! While I’m at it, how can I prevent it from changing size when we scroll the page?

As the sticky bar has its own css settings, we’ll have to add custom CSS to the sticky it to match the static nav bar if we don’t want the size to change.

That said, can you add the logo to the sticky navigation as well? so we could provide the complete/proper CSS w/ it included if in case needed. Thanks.

[Matthieu]

Here ! The logo.pgn has been added to the sticky navigation as well as the static navigation bar.

[Elvin]

Here ! The logo.pgn has been added to the sticky navigation as well as the static navigation bar.

I forgot to mention this.

You can enable “Use Navigation as Header” through Appearance > Customize > Layout > Header so the header & the nav bar settings are the same for both static and sticky.

This way, we don’t have to add any custom CSS or a logo on Dashboard > Appearance > Customize > Layout > Affichage du panneau latéral.

That said, after enabling “Use Navigation as Header”, can you please remove the logo added on “Affichage du panneau latéral”? Thanks. my bad.

[Matthieu]

It works ! On the other hand, my logo appears very large and I do not have the impression of being able to choose its size, is there a solution ?
Thanks

[Elvin]

We can change the logo size by adding this CSS code:

.navigation-branding img {
    height: 50px !important;
    width: auto !important;
}

Simply adjust the height value to your preference.

Here’s how to add CSS: https://docs.generatepress.com/article/adding-css/

[Matthieu]

It’s perfect ! Thanks for your help and patience !

[Author]

Posts