Shopify themes, liquid, logos, and UX
Hi, why does the buttons and tabs width extended all the way after i've added the size chart(first pic)? It should have spacing like second pic.
url: elita.com.sg
Hello,
Welcome to the Shopify community!
Please Share your store live url with password (if it password protected) where you want to do modification, so that I will solve your issue here!
hi, i would like to have some spacing between the tabs and product image (see second pic)
url: elita.com.sg
hii, @elitaco
Please add the size-chart so,
I can solve your issue perfectly.
Thank You.
form#product_form_6882475507904 {
width: 58%;
margin: 0 auto;
}
.product__description.rte {
margin: 0 auto;
}
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid
@oscprofessional hi, it works for desktop, but mobile version is off. It should be extended all the way
hii @elitaco
paste this code on top of the theme.scss file.
For the mobile view.
@media only screen and (max-width: 768px) {
.shopify-payment-button {
width: 40%;
margin-left: 30%;
}
button.btn.btn--to-secondary.btn--full.product__add-to-cart-button.shopify-payment-btn.btn--secondary {
width: 40%;
margin-left: 30%;
}
}
Thank You.
User | RANK |
---|---|
138 | |
101 | |
79 | |
69 | |
65 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023