hover button in shop page does not work in phone view

  • Posted in : Lahanna
  • tabata@pramium.com
    Participant
    2 September 2019 at 23:51
    #60247

    Hi

    The shop page works very well in desktop view but in smaller screens the “add to cart” button does not show (because the hover effect it is not intuitive) and users had to enter in every product page to add the product to the cart.

    It is posible to set this button always visible for phone view?

    serkan
    Moderator
    3 September 2019 at 19:42
    #60257

    Hi,
    I just tested your website and you need to hold your finger down for one second on the product.
    Thanks

    tabata@pramium.com
    Participant
    3 September 2019 at 21:40
    #60265

    Yes, but is not very intuitive, half of the time it opens the product page and the other half it shows the secondary options.

    It is posible to set this button always visible for phone view?

    serkan
    Moderator
    4 September 2019 at 13:50
    #60281

    Hi,
    Could you try to use these custom css codes;

    @media screen and (max-width: 767px) { 
.product .featured-image .cart-button a { background-color: #fff; }
.product .featured-image .cart-button a:hover { background-color: #000; }
.product .featured-image .cart-button { opacity: 1; } }
    tabata@pramium.com
    Participant
    4 September 2019 at 16:19
    #60286

    That works perfectly.

    thank you very much.

    serkan
    Moderator
    8 September 2019 at 02:29
    #60298

    You’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Lahanna - Food Blog WordPress Theme
Login and Registration Log in · Register