This topic has 2 replies, 2 voices, and was last updated 6 years, 4 months ago ago by Rose Tyler
Hi Support
I have read the forums and added the code that i have found for 1 column on mobile view. Nothing seems to be working. Login details provided.
@media only screen and (max-width: 480px)
.template-content .shop-full-width .products-loop .product {
width: 100%;
}
Hello,
Please try to use this code in Theme Options > Styling > Custom css > Custom css for mobile:
.single-product .swiper-slide, .products-grid .product {
width: 100% !important;
}
or this one in style.css file of child theme:
@media only screen and (max-width: 480px){
.single-product .swiper-slide, .products-grid .product {
width: 100% !important;
}
}
Regards
You must be logged in to reply to this topic.Log in/Sign up