How can I adjust Custom Liquid image width for mobile and desktop?

Store Design
1

How do I make CUSTOM LIQUID image a different width on mobile and desktop

this is the liquid I am using in both right now, I want it to be a different width on mobile and desktop.

2

@AMOB - you can remove that width 60% from above line and use css given below for separate settings, adjust numbers as per the need, first is for desk and other for mobile

@media screen and (min-width:750px){
center img{width:60%;}
}

@media screen and (max-width:749px){
center img{width:100%;}
}
3

Where do I add the image?

4

Can you use the link above and add it like how I should add it

5

Hi @AMOB ,

Please change the code of custom.liquid with below code.


![banner.png|956x169](upload://1MZkojGSUvFWCgJChv3RpFnpeKI.png)