Support Forum

Hello,

I’d like to change column number from 2 to 1 for related product on single product page but don’t really know how to do this.

You can see the 2 columns, on mobile, on your demo here : https://demo.leebrosus.com/marco-good/product/ergonomic-linen-gloves/

It seems to work changing the css rule below replacing value 2.3 by 1.3, but after changing swiper does not work as expected anymore :

@media (max-width: 767px) {
.single-product .products > li {
width: calc(100% / 1.3) !important;
}
}

Thanks for your help.