Image banner is squished in mobile view of site

Store Design
,
1

https://cozycovenshop.com/

pw: sksk

mobile site.png
mobile site.png470×899 247 KB

How do I make the banner on mobile not be all blurry and squished?

2

Hi @CozyCovenShop ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid file
  3. Paste below code before :

Beae_Anthony_0-1693950370711.png
Beae_Anthony_0-1693950370711.png394×459 108 KB

Best regards,

Anthony

3

Hi @CozyCovenShop

This is Noah from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

PageFlyNoah_0-1693961026140.png
PageFlyNoah_0-1693961026140.png616×1334 406 KB

Hope this can help you solve the issue

Best regards,

Noah | PageFly

4

Hi @CozyCovenShop

I would suggest to have 2 different sections and provide an image for mobile and image for desktop. You can use the tutorial below to do this for your site.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!