Viewing the cart page on mobile

minsogna

Hi, I noticed that in mobile the cart page is slightly cropped to the right. Can you give me some CSS to adjust the display? I thank you.

Phil

Hi,

Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

minsogna

Hi, the site in question is https://identitystorelab.shop/carrello/.

Try placing products in your cart and viewing that URL from your mobile, you will see that the screen cannot contain all the product text well and cuts to the right.

Thank you.

Phil

Try the following CSS code:

@media only screen and (max-width: 767px){
   .woocommerce-cart .coupon input{
       width: 120px!important;
   }
   .woocommerce-cart .coupon button{
       padding: 10px 5px!important;
   }
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

minsogna

It's perfect! Thx!