Mobile padding issue on single product page
Hello,
I need help with the mobile layout on my single product pages.
On mobile, the content below the main product section (images, text blocks, FAQ, videos, etc.) has very large left/right padding. I want to reduce this padding.
Can someone help me?
Thank you!
https://solariimuntenia.ro/produs/solar-gradina-teava-zincata
Comments
Hi,
You can use the following CSS code:
.single-product .ui-tabs .ui-tabs-panel{ padding-left: 0; padding-right: 0; }Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.
Note that box shadow added to the boxes inside the description will be cut because of that.
Best regards
Great! Thank you
I'll try to remove the shadow from the box and just put a border.