Archived topic

Change image URL depending on screen size ?

7 replies · Started by Samuel on February 28, 2021

Viewing posts 1–8 of 8

February 28, 2021 at 4:47 am #1675858

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

February 28, 2021 at 5:11 am #1675878

Hi there,

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

March 1, 2021 at 1:41 am #1676906

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. ;-)

March 1, 2021 at 4:18 am #1677052

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

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

March 1, 2021 at 4:43 am #1677080

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 ?

March 1, 2021 at 5:25 am #1677115

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.

March 1, 2021 at 6:02 am #1677170

Thank you David

March 1, 2021 at 6:05 am #1677173

You're welcome

This archived topic is closed to new replies.

Start building better websites today.