Solved

How to stop the banner image from showing like this on mobile?

empiricalarby
Pathfinder
139 1 27

https://empiricalwater.com/

 

On mobile, it shows up like this:

Desktop Screenshot 2023.11.25 - 21.12.06.16.png

How do I stop the banner image from showing below the line "Designed and produced..."?

 

Thank you!

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
6916 1305 1334

This is an accepted solution.

Go to your Online store > Themes > Edit code > open section-image-banner.css, remove this code. 

.banner__media {
   min-height: 500px;
  background-attachment: fixed!important;
  background-size: cover;
  background-repeat: no-repeat;
}

 

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Reply 1 (1)

Dan-From-Ryviu
Shopify Partner
6916 1305 1334

This is an accepted solution.

Go to your Online store > Themes > Edit code > open section-image-banner.css, remove this code. 

.banner__media {
   min-height: 500px;
  background-attachment: fixed!important;
  background-size: cover;
  background-repeat: no-repeat;
}

 

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now