My custom liquid banner is too big on mobile

Store Design
1

I have a banner that needs to be resized for mobile but I’m not sure how to do this, this is what my banner looks like on mobile. How can I fix this? My site is www.siaqa.com

IMG_0641.jfif
IMG_0641.jfif1242×2208 124 KB

2

Use inline css width 100% to image

or add class and assign css to it.

1 Like
3

Hello @elliot14

You can add code by following these steps to change ATC background color

  1. Go to Online Store → Theme → Edit code.

  2. Open your base.css file

  3. Paste the below code at below

@media screen and (max-width:767px){

.focus-none {
overflow-x: hidden;
}
.section-template–20099116663112__fd6fb992-a495-4df9-9486-4c2efdc5053f-padding img {
width: 100%;
}

}

1 Like