[Resolved] Change image URL depending on screen size ?

[Samuel]

Hi,

Is it possible to change the branding image (logo) depending on screen size ?

I have a menu a little bit special, and I would like to use 2 different images : one for large screens and another for @media max-width:900px

Thanks for your help

[David]

Hi there,

can you share a link to the site where i can see the layout and i can see whats possible.

[Samuel]

David, it was same site as my other topic. You’ll find it in private information.
Now I decided to do other way but I’m still interested to know if this kind of things are possible and how to do it. 😉

[David]

The simplest method would be to use the Mobile Header which has its own logo:

https://docs.generatepress.com/article/mobile-header/

[Samuel]

Yes obviously in that case it would have been an option, but I was talking like in general, is it possible to change an image url (not background-image) by css ?

[David]

No it’s not possible to change an <img> URL using CSS. You would need to output both Images and then use CSS to hide / display each one.

[Samuel]

Thank you David

[David]

You’re welcome

[Author]

Posts