How can I fix the featured product slider issue on mobile?

[Maggie777]

Hello,

I’m using Minimal theme

My problem is regarding the “Featured product Slide” MOBILE Version. I insered the code from here : How to Add Featured Product Slider To Your Shopify Store: Step-By-Step – EcomExperts

It works very well on pc version but on mobile it’s not nice, I need to have 2 products per row with bigger size instead of 4 small, also have a better font size

You can find attached the print screen.

Website is contempliving.com

[LitExtension]

Hi @Maggie777 ,

Go to Assets > timber.scss.liquid and paste this at the bottom of the file:

@media only screen and (max-width:768px) {
    .flickity-slider .carousel__cell{
		width: 50% !important;
	}
}

Hope it helps!

[Maggie777]

Thank you, it worked!