Mobile Cart menu page item spacing is non existent

Store Design
,
1

here’s my shop

password : lavishprintshop

The mobile cart product is looking pretty strange, the padding is just off. Can someone check it out..

Thanks in advance,

kirsten :heart_eyes:

IMG_7432.PNG
IMG_7432.PNG828×1792 114 KB

2

I’m Richard Nguyen - CRO Expert at PageFly - Free Landing Page Builder.

You can add this code into the theme css file

Step1: Online store > Themes > Edit code > base.css

Step2: Find base.css on search bar, and paste this at the end of the file

@media screen and (max-width: 767px){
#main-cart-items {
padding-top: 40px !important;
}
}

Hope this can help you solve the issue

Best regards,

Richard

1 Like
3

Hi @kirstenlc5
To fix the problem You can try follow this path:
Themes => edit code => asset => component-cart.css
and add this code to bottom of the file component-cart.css

@media(max-width: 749px) {
.cart__items{
padding-top: 40px;
}
}
1 Like