Mobile phone

onom3

How fix that?

Phil

Hi,

Please, try the following CSS code:

@media only screen and (max-width:767px){
   .products .button-custom.woocommerce .button, .button-custom .button{
      padding: 10px 20px!important;
   }
 .products .mfn-li-product-row-button{
   flex-wrap: wrap;
   justify-content: center
 }
}

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

Thanks

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

onom3

Better but not centred

Phil

Please, replace the previous code with this one:

@media only screen and (max-width:767px){
  .products .button-custom.woocommerce .button, .button-custom .button{
     padding: 10px 20px!important;

  }
 .products .mfn-li-product-row-button{
  flex-wrap: wrap;
  justify-content: center
 }
 .wishlist-active.wishlist-button ul.products li.product:not(.align-right) .mfn-li-product-row-button,
 .wishlist-active.wishlist-button ul.products li.product:not(.align-right) .mfn-li-product-row-button{
   margin-right: 0!important;
 }
}

Thanks

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