Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 3, 2018 at 7:34 pm #936740
    jolamptey

    Hi,

    I am experiencing an issue only on a mobile device where the WooCommerce mobile cart icon does not allow me to click on it to take my to the checkout page. You have to click the white area below icon itself (very hard to find exactly where to click) in order for the url/hyperlink to register.

    Is there a way to associate the actual url to the icon itself so you can just click the icon?

    April 4, 2018 at 7:58 am #937004
    Victoria

    Hey jolamptey,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 479px) {
  .responsive.html_bottom_nav_header.html_cart_at_menu #top #wrap_all .main_menu {
      right: 65px;
  }
  .responsive #top #wrap_all .container.av-logo-container {
      width: 95%;
      max-width: 94%;
  }
  .responsive #top #menu-item-shop.cart_dropdown {
      margin-left: 0;
      margin-right: -1px;
      width: 80px;
      z-index: 105;
  }
  .responsive #top .cart_dropdown {
     z-index: 105 !important;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    April 4, 2018 at 2:19 pm #937176
    jolamptey

    Hi Victoria,

    Thank you very much as this code worked perfectly. I truly love this theme and the support you all provide. I will never purchase another theme again!

    April 5, 2018 at 6:06 am #937474
    Rikard

    Hi,

    Great, glad we could help and thanks a lot for the kind words :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    April 5, 2018 at 12:39 pm #937679
    jolamptey

    Hi,

    Thank you for all the help and you may close this topic as it’s resolved.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.