Can someone assist me in identifying the issue that is causing the product page on this website () to be too wide?
Here is an image highlighting the issue.
I made some CSS customizations to make the product gallery full width and added padding to the product info below. However, when viewing the site on mobile, there seems to be a width problem where you can drag to the right. I am having trouble pinpointing the cause of this issue. Any suggestions on how to resolve it would be highly appreciated.
Thank you!
Here is the CSS code I implemented:
@media screen and (max-width: 768px) {
.t4s-col-item {
padding-right: calc(var(--ts-gutter-x) * 0) !important;
padding-left: calc(var(--ts-gutter-x) * 0) !important;
}
.t4s-product__info-container {
padding-right: 8% !important;
padding-left: 8% !important;
}
}