Uncrop slideshow in mobile

Solved
Highlighted
Excursionist
34 0 8

I'm using the Debut theme and I'd like to show my homepage slider in full vs. having it cropped like seen on this site: https://andoriangirl.com/

 

My site is www.trinketbk.com and the password is eallaw

0 Likes
Highlighted
Shopify Partner
1182 252 349

This is an accepted solution.

Hi

Try to add following css in your assets/theme.scss.liquid file

 

@media only screen and (max-width: 749px){
.slideshow__image { background-size: contain !important;}
.slideshow__text-wrap--desktop .slideshow__text-content {top: 40% !important;}
.slideshow--medium {height: 156px !important;}
.slideshow__btn {top: 70px !important;}
}

Hope this will work for you.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted

Hi @erika71690,

 

Please try this code:

@media only screen and (max-width: 749px) { 
 .slideshow--medium { height: 185px !important; }
 .slideshow__image { background-size: contain !important; }
.slideshow__btn { top: 70px !important; }
 }

You put this code at the end of the theme.scss.liquid file, which you can find at Online Store > Themes > Actions > Edit Code.

 

By the way, I suggest you replace the "Welcome to..." and the "Our Story" sections with a section to feature the collections available in your store. Your store seems to be offering a wide range of products, it's necessary to give people an overview of the product ranges offered in your store so that they know at a glance if you have the products they need.

 

I suggest you read this article to understand more about what to include within your homepage (and why): Personalize Your Homepage

- Tips to optimize website loadspeed: academy.pagefly.io/how-to-speed-up-website

- Do you need to customize your landing page, product page, blog, coming soon, FAQ, about us pages? Check out PageFly - Advanced Shopify Page Builder.
1 Like
Highlighted
Excursionist
34 0 8

Thanks! I'll check it out.

0 Likes