Mobile phone

Comments

• Phil

  October 2022

  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

  October 2022

  

  Better but not centred
• Phil

  October 2022

  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