Weird scaling on mobile at the checkout page

sleivysp · March 23

Good morning,

How do I fix this weird scaling issue where the text goes out of the div. Adding a picture to this discussion.

Phil · March 25

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

sleivysp · March 27

https://vibora.lt

Phil · March 27

Try the following CSS code:

@media only screen and (max-width:390px){
 .woocommerce-checkout #order_review .product-name{
 font-size: 14px!important;
}
.woocommerce-checkout #order_review .wc-venipak-shipping-terminals .select2{
 width: 180px!important;
}
}

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

Best regards

sleivysp · March 28

Welp, that custom CSS solved my issue. I thank you so much.

Weird scaling on mobile at the checkout page

Comments