[Support request] Logo image gone from sticky nav

[María]

I’ve added the code I found on this topic to make the sticky navigation same as primary navigation.

It works but the logo disappeared from the sticky navigation. How can I bring it back?

Thanks

GeneratePress 2.2.2

GP Premium 1.7.8

[David]

Hi there,

you have this CSS in Customizer > Additional CSS:

.main-navigation.sticky-navigation-transition .site-logo img {
    padding-left: 120px;
}

remove that and the logo will appear.

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

[María]

Thanks David. Removing this CSS actually brought the logo back to the sticky nav, but I still want to add some padding on the left so that the sticky navigation is the same as the primary navigation. How could I do that? Also, why is the logo on the sticky navigation different from the logo I’ve uploaded on the “Site Identity” section?

[David]

Use this method for creating your navigation header:

https://docs.generatepress.com/article/navigation-as-a-header/

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

[María]

I followed the steps but still can’t figure out how to add the padding that I’d like to add, both on the left and the right. The goal is that the primary and sticky nav look like on this website https://nfclinguistic.com/

– padding on the left and the right
– colored text hover for both primary and sticky navigation

[David]

Do you want it to align with the page content? If so add this CSS:

#site-navigation {
    max-width: 1600px;
}

Its taking the width of the container (1680px) minus the left and right padding (80px).

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

[Author]

Posts