Shopify themes, liquid, logos, and UX
Hi There,
I made some customization on my cart-side but I now I need help.
On mobile version the text isn´t centered on the Button below.
Can anyone help?
Thanks
Nicolas
Solved! Go to the solution
This is an accepted solution.
Oh! that was my bad 😞
Now I got it. Please add the following code at the bottom of your assets/theme.css file.
@media screen and (max-width: 767px){
.template-cart button.cart__checkout.button{ margin-bottom: 20px; }
}
Hope this works.
Thanks!
The text you have shown on your cart page is in the center. I checked the code. Actually, in front of the text, there is an icon, due to that icon text looking off-center of the button.
If you still feel that it is not center then you can try to add the following code at the bottom of your assets/theme.css file.
@media screen and (max-width: 767px){
.template-cart .Cart-Value-Prop{
padding-left: 0px !important;
}
}
Hope this helps.
Thanks!
thanks for the quick reply.
I don´t mean centered from left and right.
I want the text to be in the middle of the Box. That means same space to the top and the button.
I use the same snippet on product page and there it works:
This is an accepted solution.
Oh! that was my bad 😞
Now I got it. Please add the following code at the bottom of your assets/theme.css file.
@media screen and (max-width: 767px){
.template-cart button.cart__checkout.button{ margin-bottom: 20px; }
}
Hope this works.
Thanks!
User | RANK |
---|---|
126 | |
96 | |
77 | |
69 | |
38 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022