[Resolved] Logo on sticky navigation distorted

[Mireia]

Hi there!

I’m using sticky nav and I need to display the logo there at same size and position than the one on regular header.

Following the instructions I found here https://docs.generatepress.com/article/navigation-as-a-header/ the first problem I’ve found is the logo is distorted. I’ve also tried with a square one just to check if the problem was the proportion, but same happened.

I’ve used this css in order to fix it, with no success:

.site-logo.sticky-logo .header-image {
    width: auto;
}

Please, can you help me?

Thanks!

GP Premium 1.7.8

[Leo]

Hi there,

I currently don’t see this method being implemented on the site you linked:
https://docs.generatepress.com/article/navigation-as-a-header/

The logo is distorted likely because the CSS below is added:

.site-logo img {
    width: 150px;
}

Let me know if this helps 🙂

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

[Mireia]

I can’t believe it was such a stupid thing 🙃

Thank you a lot!

[Leo]

No problem 🙂

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

[Author]

Posts