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 |
---|---|
177 | |
154 | |
72 | |
46 | |
36 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023