Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor Solution Box

    (@solbox)

    Hi @larbisamir,

    Please add the following code in your Theme customizer CSS. It will fix style issue on mobile.

    @media screen and (max-width: 768px) {
        .wsatc-stick-cart-wrapper .product-title{
            font-size: 14px;
            line-height: 17px;
        }
        .wsatc-stick-cart-wrapper del,
        .wsatc-stick-cart-wrapper ins {
        font-size: 14px;
       }
    }
    
    @media screen and ( max-width: 500px ){
        
    .wsatc-stick-cart-wrapper .container{
        display: block;  
    }
    .wsatc-stick-cart-wrapper .wrap-product-content {
        width: 100%;
    }
    .wsatc-stick-cart-wrapper .product-title{
        margin-right: 5px;
    
    }
    .wsatc-stick-cart-wrapper del,
    .wsatc-stick-cart-wrapper ins {
        font-size: 12px;
    }
    .button-sticky-add-to-cart {
        display: block !important;
    }
    }

    Let me know if it works for you.

    • This reply was modified 3 years, 8 months ago by Solution Box.
    Thread Starter Samir LARBI

    (@larbisamir)

    Thanks a lot.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Mobile responsive’ is closed to new replies.