Help Cart-Side on mobile version (modular Theme)

Solved
NicolasMaverde
Explorer
74 1 33

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.

NicolasMaverde_0-1623490313217.png

 

Can anyone help?

 

Thanks

Nicolas

Accepted Solution (1)
dmwwebartisan
Shopify Partner
11467 2435 3520

This is an accepted solution.

@NicolasMaverde 

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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 3 (3)
dmwwebartisan
Shopify Partner
11467 2435 3520

@NicolasMaverde 

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!

 

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
NicolasMaverde
Explorer
74 1 33

@dmwwebartisan 

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.

NicolasMaverde_0-1623492296542.png

 

I use the same snippet on product page and there it works:

 

NicolasMaverde_1-1623492334276.png

 

 

dmwwebartisan
Shopify Partner
11467 2435 3520

This is an accepted solution.

@NicolasMaverde 

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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app