fbpx
Want To Add Extra Images Per Product Variation For Free? Download Now

Icons overlapping on mobile version

Nicola Rossi

Hello, web version works perfectly, but in the mobile the icons gets overlapped.
Cheers,
Nicola

Screenshot_20210410_155257_com.android.chrome.jpg

Tanvirul Haque

Hi Nicola,

Thanks for reaching us.

Could you the following CSS code inside  your theme customizer additional CSS section and let me know is it resolved your issue or not:

.et_pb_shop ul.products.columns-4 .wvs-archive-variable-wrapper li:nth-child(2n+2) {
margin-right: 8px !important;
}

Thank you

Nicola Rossi

Hey man, sorry the overlap in the mobile product page is solved but the overlap in the related product is not.
Please see the attached image

Tanvirul Haque

Hi Nicola,

Could you add me here on Skype? My Skype ID is: shovon.haque2

Please add me and say hi. I am waiting for you there to quickly squash your issue.

Thank

Tanvirul Haque

Hello Nicola Rossi,

Here is the code:

.related.products .wvs-archive-variation-wrapper ul {
padding-left: 0 !important;
}

.et_pb_shop ul.products.columns-4 .wvs-archive-variable-wrapper li:nth-child(2n+2),
.et_pb_wc_related_products ul.products.columns-4 .wvs-archive-variable-wrapper li:nth-child(2n+2) {
margin-right: 8px !important;
}

.et_pb_shop ul.products.columns-4 .wvs-archive-variable-wrapper li:last-child,
.et_pb_wc_related_products ul.products.columns-4 .wvs-archive-variable-wrapper li:last-child {
margin-right: 0 !important;
}

By the way, stay safe and take care of your family. Hopefully, Covid-19 outbreak will end up soon.

Thanks