[Support request] Sticky menu glitchy?

[Josh]

I have my menus set up and working. If I add a logo to the sticky menu and turn it on, the content stutters and shifts when the transition happens to the the sticky menu. If I take the sticky menu logo off, then it runs very smoothly. I’m not sure if this is a bug or if I’m doing something wrong but I can’t seem to figure out how to make it smooth with a logo.

[Ying]

Hi Josh,

Can you link us to your site so we can have a look?

You can use the private info field 🙂

Let me know!

[Josh]

Thanks Ying!

[David]

Hi there,

if you go to Customizer > Layout > Header, and enable the Navigation as Header option. Does that resolve the issue ?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Josh]

David, thanks for your help!

I did do as you suggested, but I’m not actually sure what that means?

When I enable it, the site only shows the smaller (shorter) navigation that was used as a sticky menu before.

I’d rather be able to use 2 different logos as I had setup originally.

Again, this issue doesn’t happen if I haven’t selected a logo separately for the sticky menu. (and not checking that “Navigation as a header” option).

[Fernando]

Hi Josh,

Can you try adding the logo for the sticky nav again? We’ll check again what’s occurring and what can be done.

[Josh]

I could try another logo, but I like the one I have!!!!! 🙂

Doesn’t seem to matter what I add it stutters like that.

Let me know if you find anything.

[Fernando]

Sorry, I didn’t mean to say a different logo. Can you try re-adding the logo you had for the sticky nav?

[Josh]

I’ve added it back now. Thanks Fernando!

[Fernando]

Can you try adding this CSS?:

.sticky-navigation-logo .is-logo-image {
    height: 50px;
}

This will make the sticky logo size a bit smaller but it will be the same height as the default logo.

[Author]

Posts