Okay
  Public Ticket #2858291
Add to cart for mobile
Closed

Comments

  •  2
    fangchu started the conversation

    Hi,

    i need to add/activate 'add to cart' on my salient theme for mobile devices. it is visible as hover on desktop which i am on with but need to mobile devices.

    pls advice

  •  8,938
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    @media only screen and (max-width: 999px) {
        .products[data-rm-m-hover="1"] li.product.minimal .product-add-to-cart {
            display: block !important;
        }
        .products li.product.minimal .product-wrap .product-image-wrap .product-add-to-cart a:first-child {
            opacity: 1 !important;
            width:100% !important;
        }
        .products li.product.minimal .product-wrap .product-image-wrap .product-add-to-cart a:last-child {
            display: none !important;
        }
    }

    Thanks


    ThemeNectar Support Team 

  •  2
    fangchu replied

    hi. hmmm, this doesn't really work; but thank you for the reply

    instead of hover on mobile device, which doesnt reflect unless you hold your finger on the image and then the 'add to basket' hovers which doesn't solve the purpose, cant we link it to scroll , so when scrolling and the visible portion on the screen, add to cart hovers or is seen, but once that region in the page moves, add to button hides :: or another option could be to permanently display it BELOW the image only for mobile device.

    pls suggest

    you could check my staging website: Products – test (yogionwheels.in)


  •  8,938
    Tahir replied

    Hey Again,

    I am afraid its not possible to show them via the Scrolling feature at the moment.

     Please consider hiring a freelancer over at Envato Studio for these Theme customizations as they are not provided as Support: http://themeforest.net/page/item_support_policy .

    Thanks


    ThemeNectar Support Team