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.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024