Topic: Sticky navigation’s logo weird behavior

Cyrielle
May 1, 2025 at 11:19 pm

Hello,

The person whom I’m making a website for didn’t like the fact that the sticky navigation disappears for an instant and reappears when we first slowly scroll the page, due to the ‘Fade’ transition. So I put the transition to ‘None’. But now I noticed a weird changing of size: the logo appears bigger for just a second when we scroll – see video here: https://chk.me/qylyaN1

Do you know what’s causing this and how to have a smoother transition even without the fading transition of the whole sticky nav?

I added access to the website in the private info part.

Thanks!
Alvind
May 1, 2025 at 11:54 pm

Hi there,

Under Customize > Layout > Sticky Navigation, try leaving the Menu Item Size field empty so it uses the default setting.
Cyrielle
May 2, 2025 at 12:00 am

Hi Alvind,

Thanks for the quick answer! It works but I originally put a smaller size in here because the logo is too big with the default setting…
Is there another solution?
Alvind
May 2, 2025 at 12:14 am
Okay, revert the previous Menu Item Size value, and do this:

Go to Customize > Layout > Header and enable Use Navigation as Header option.

Then add this CSS to restore the original navigation padding:
```
.main-navigation.has-branding .inside-navigation.grid-container,
.main-navigation.has-branding.grid-container .inside-navigation:not(.grid-container) {
    padding: 20px 40px 20px 40px;
}
```
Cyrielle
May 2, 2025 at 12:29 am

I tried it but I still have the same issue: loom.com/share/6003ded40a49487d97fba1afd287c221

And I don’t want that much padding on the sticky navigation.
Ying
May 2, 2025 at 9:21 am
If you do not want any transition, you can use CSS instead of the GP sticky navigation.

So disable the sticky navigation, and add this CSS:
```
nav#site-navigation {
    position: sticky;
    top: 0;
}
```

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

Are you a GenerateCustomer?

Just browsing?

Sticky navigation’s logo weird behavior