How can I adjust my mobile banner image size for full display?

Store Design
, , , , ,
1

Hello! Is there anyway I can change the size of my image banner on mobile to display the full image on the mobile version of my website.

My website: https://prestigestraps.com

Password: asd321

Here’s how it looks on PC and how I want the image to look on the mobile version

Screenshot_1.jpg
Screenshot_1.jpg1901×666 61.3 KB

Here’s how it looks on the mobile version

354242044_291580226581732_6652567935600885816_n.jpg
354242044_291580226581732_6652567935600885816_n.jpg946×2048 66.1 KB

Thank you in advance for any answers!

2

Hello @kitchencrafted ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Assets folder → base.css file or theme.css file

Add this following code at the bottom of page

@media only screen and (max-width: 767px) {
  .banner-image {
    background-size: cover;
    background-position: center;
    height: auto;
  }
}

Save and preview

Hope this can help.

Ali Reviews team.