Hi , I am using a bundle builder for some of the products on this page. The issue is on the mobile view, where the images don’t really adjust in size, and the right image overflows to right, resulting in this page being scrollable a little from left to right. How can I adjust this in the base file or generally in the theme code? (this version of the website is not yet live so I cannot provide link, but on the initial website this view on mobile works)
Without seeing the website it’s hard to say for sure but I would try adding this to the image
img { max-width: 100%; height: auto; }
You could also try adding overflow hidden to the div
overflow: hidden;
If you can send a preview link I can take a better look
Thanks
The issue is, that the page is built by an external Shopify app. The app gives me the option to edit the display settings of the bundles but that has been no luck so far. So I figured maybe I should go through the theme code itself to fix this. I wasn’t the one installing the app to the original website (https://www.callycosmetics.co.uk/tools/bundle-builder/gQmO/new). Again, the issue is only on the phone. the products look well aligned and there is no overflow on desktop.
Here’s the preview link:
https://souskyyzoerljcjm-52410482855.shopifypreview.com
It’s on the Cally Gel Cocktail - Mix 6 Cally Gel & Mix 12 Cally Gel