so I recently purchased the Turbo theme and I have coded a bit myself. However, there is this issue that I can't seem to fix.
As I said, I have tweaked the code of the product page a bit, so that the add to cart button shakes and so that the add to cart button is below the quantity box. I managed to widen the quantity box but now it looks like this:
I want the color swatch, the quantity box and the add to cart button to immediately start at the left side and the add to cart button and the quantity box should take 100% of the available space (just like the product description).
In the end it should look like this:
I hope you can understand what I mean :)
My store URL by the way is: https://www.trendydrift.com/
Does anyone know what changes I have to make in the code or any other suggestion?
Any help is appreciated. Thank you very much.
Solved! Go to the solution
To increase the width of add to cart button to 100% you should, edit the style.scss file in assets folder. For that search for ".product-quantity-box+.inline_purchase" (without quotes) and increase the width from 55% to 100%.
I hope that helps. Let me know if it doesn't.
Perfect. Thank you works like a charm.
If you already looked at the theme maybe I could ask you another question:
On my mobile Phone I have this padding left and right (these two white spaces) everywhere on the product page except from the header, related products and the footer.
Do you have any idea how I could decrease the padding or just completely remove those two white spaces?
Like in this example (no padding left and right)?
Thank you for your help.
I tried looking into the padding issue as you said, and found that you have a class ".container" which has a width of 300px aligned in center, due to which the area on both sides looks ugly on large mobiles. Ideally it should be a div with 100% width and padding on both sides.
This involves not one but multiple changes in both html and css. So I suggest you to look for an expert who can edit files on your behalf. Also don't forget to take necessary backups of files before editing.
@dyarovink Sharing a link to your store will help, and can you elaborate the issue you are facing?
|an hour ago|
|an hour ago|