Dawn on Mobile - Image Banner Not Scaling When Set to "Fixed Background Position"

MMO1
Excursionist
29 0 3

Hi, my store is: https://4e39bc-2.myshopify.com/

Password to view is: uflohy

 

I want to make the Image Banner auto scale on mobile, but I want to also utilize "Fixed Background Position."

Reply 1 (1)

Dan-From-Ryviu
Shopify Partner
7011 1327 1352

Go to your Online Store > Themes > Customize > add this code to Custom CSS of that section 

@media (max-width: 749px){
. banner__media  img{
    object-fit: contain;
    object-position: center 105px;
}
.banner__content {
    height: 26rem;
}
}

- 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