mini cart on mobile

Hey nickgin,
Sorry for the late reply, are you still getting the cart drop down on hover?
I’m not getting a “flash” on the cart click on our demo site, but it sounds like we could achieve this by disabling clicking of the cart and only allow clicking of the drop down buttons

Am I understanding this correctly?

Best regards,
Mike

Hi,
I took a closer look at this and expected to find a filter to change the $wc_get_cart_url but the ones I found didn’t work. But I was able to remove the cart icon link with this script in the functions.php:

function custom_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
  $('a.cart_dropdown_link').removeAttr('href');
  });
  })(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');

This allowed the other buttons in the drop down to continue to work
Please give this a try.

Best regards,
Mike

Hi,
The conditional tag wp_is_mobile() is not recommended for css because of how it works, here is a good post on it
Please try this instead, it seemed to work in my test on our demo:

function remove_mobile_cart_link(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
  var width = $(window).width(), height = $(window).height();
  if ((width <= 768)) {
  $('a.cart_dropdown_link').removeAttr('href');
 } else {}
  });
  })(jQuery);
</script>
<?php
}
add_action('wp_footer', 'remove_mobile_cart_link');

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike