Help Cart-Side on mobile version (modular Theme)

[NicolasMaverde]

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

[dmwwebartisan]

@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!

[NicolasMaverde]

@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.

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

[dmwwebartisan · 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!