Wordpress WooCommerce add to cart not working on mobile site

Question

I am developing an eCommerce website using wordpress and cilo wordpress theme .

The site is coming all together on desktop and other media but when my screen size is less than 769px, add to cart button is not working for signle product page. Click here to see an example post

• The theme is working perfectly on the demo
• This theme use woocommerce inside theme folder
• tried other themes on my site, where add to cart is working on mobile site
• I tried to upgrade everything including the latest version of the theme and the wordpress itself

Any suggestions, please?

Answer 1

The sidebar widget seems to be the problem as this is going full width and causing an overlay over the content although the text is now hidden.

If you use chrome and go into developer mode you can see the elements causing the overlay.

My recommendation would be amending your responsive css to put a display: none; on this element like so:

@media (max-width: 767px) {
    #secondary {
        display:none
    }
}