Weird scaling on mobile at the checkout page

Good morning,

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


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



  • 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

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

Sign In or Register to comment.