[Resolved] sticky navigation different logo

[Roberto]

Hello!

so i was trying to make the logo in the sticky navigation different from the main navigation so when you scroll down the logo transform to a different one,is there a way to make it?

Thanks!

site:www.servidorpruebasrobertogarcia.online

[Roberto]

Also,the logo gets blurried when i scroll,but i dont know why

[Leo]

Hi there,

Try this: https://generatepress.com/forums/topic/change-logo-media-source-file-when-sticky/#post-304545

Also the logo image doesn’t look blurry to me.

Let me know

[Roberto]

Maybe here you can see what i mean,when i adjust the height the logo gets blurried

https://gyazo.com/8744dfa1d366894d22a8c590f7a47fa2

[Tom]

That’s your browser rendering the image resizing.

[Sven]

Try using an SVG (vector file) instead of an image, there’s a plugin to allow SVG uploading in WP:
https://wordpress.org/plugins/svg-support/

GP doesn’t seem to allow setting the main logo in the SVG format but it works for nav and sticky logos.

Important: Make sure to only allow Administrators to upload SVG files because they CAN be used for XSS attacks, since SVG is not an image but a document file type that allows embedding scripts. However, the plugin takes this into consideration and hence allows for the role restrictions.

[Leo]

More info here: https://docs.generatepress.com/article/adding-svg-logo/

[Roberto]

thank you very much guys!

[Leo]

Glad we could help!

[Author]

Posts