WooComerce spacing mobile

andreasmoeller756

Hello community,

Is there a kind soul that knows how to fix this spacing issue at checkout in WooCommerce?

Could some css fix it?

Thanks!

link: https://it-refurb.dk/

(Admin please delete if not relevant)

Phil

Hi,

It is becasue of these two elements:

They extend the table width and break the layout.

You can try the following CSS code to correct that:

@media only screen and (max-width: 767px){
   #shipmondo_zipcode_field_0{
      width: 100%!important;
   }
   #shipmondo_find_shop_btn_0{
      font-size: 14px!important;
      padding: 10px 20px!important;
   }
}

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

However, this part comes from a plugin that is not ours, and it would be best if you contact the plugin author to ensure that there is no better solution for that.

Best regards

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