Remove options on hover

Comments

• Phil

  July 2024

  Hi,

  1) Please go to Betheme -> Theme options -> Global -> Image frame, and set the style to Zoom or Disable it.

  

  2) In Betheme -> Theme options -> Shop -> General, select to show wishlist button next to cart button.

  

  Best regards

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

  July 2024

  Ok. On product page I like it but it also adds here which looks bad: [Links visible only for registered users]

  
  

  You see the icon next to button and not nicely seen?

  Can we hide from these kind of categories and lists and leave it only on product page?
• Phil

  July 2024

  It can be done with a custom CSS code.

  Please send a link to your website, and I can help you writing that.

  
  

  Thanks

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

  July 2024

  Here you have:

  [Links visible only for registered users]

  
  

  Desktop looks good, just not on mobile.
• Phil

  July 2024

  You can use this CSS code to move the wishlist icon to the bottom:

  @media only screen and (max-width: 767px){
   .woocommerce .products .product .mfn-li-product-row-button{
     flex-direction: column;
     margin-right: 0!important;
   }
  }
  

  Or this one to hide it completely:

  @media only screen and (max-width: 767px){
   .woocommerce .products .product .mfn-li-product-row-button{
     flex-direction: column;
   }
   .woocommerce .products .product .mfn-li-product-row-button .mfn-wish-button{
     display: none!important; 
     margin-right: 0!important;
   }
  }
  

  Best regards

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