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 |
---|---|
57 | |
52 | |
46 | |
39 | |
39 |
Photo by Marco Verch Sales channels on Shopify are various platforms where you can sell...
By Ollie May 25, 2023Summary of EventsBeginning in January of 2023, some merchants reported seeing a large amo...
By Trevor May 15, 2023With 2-Factor Authentication being required to use Shopify Payments, we’re here to help yo...
By Imogen Apr 26, 2023