In order for Add To Cart button to work on mobile I’ve to press it twice!

Hello @islam,

We recently provided a solution for a similar request, which can be found here: https://www.8theme.com/topic/on-mobile-the-customer-needs-to-click-the-product-in-the-shop-twice-to-view-product/#post-476362. In your case, you can apply the following custom CSS globally in your Theme Options under Theme Custom CSS:

@media (hover: none) {
    body .etheme-product-hover-default:not(:hover) footer,
    body .etheme-product-hover-overlay:not(:hover) footer {
        opacity: 1;
        visibility: visible;
        transform: none;
    }
    body .etheme-product-hover-default:not(:hover) .top-footer, 
    body .etheme-product-hover-overlay:not(:hover) .top-footer {
        transform: none;
    }

    body .etheme-product-hover-default:not(:hover) .footer-inner>*, 
    body .etheme-product-hover-overlay:not(:hover) .footer-inner>* {
        transform: none;
        opacity: 1;
        visibility: visible;
    }
}

Best Regards,
Jack Richardson
The 8Theme’s Team