Support » Plugin: WPC Frequently Bought Together for WooCommerce » Not Working in Mobile View

  • Resolved anixoutlet

    (@anixoutlet)


    Hello,
    I have been using your plugin for a while now. I was using an additional CSS code to fix my mobile view but after the update it’s not working again. It looks wired when my customers visit the product pages from their mobile. Is there any solution to fix it?

    Here’s the code I was using:

    
    @media only screen and (max-width: 767px) {
        .woobt-products .woobt-product {
            display:flex;
            flex-direction: row;
            text-align: left;
            padding: 0 !important;
        }
    
        .woobt-products .woobt-product>div {
            padding: 10px 10px 10px 0 !important;
            width: auto !important;
            flex-basis: auto !important;
            max-width: 100% !important;
        }
    
        .woobt-products .woobt-product>div:first-child {
            padding-left: 0 !important;
        }
        
        .woobt-products .woobt-product>div:last-child {
            padding-right: 0 !important;
        }
    
        .woobt-products .woobt-product .woobt-thumb {
            text-align: left;
            width: 50px;
            flex-basis: 50px;
        }
    
        .woobt-products .woobt-product .woobt-thumb img {
            width: 50px;
        }
    
        .woobt-products .woobt-product .woobt-price {
            width: auto;
            flex-basis: 0;
        }
    
        .woobt-products .woobt-product .woobt-thumb img {
            display: block;
            margin: 0 auto;
        }
    	
        .woobt-products .woobt-product .variations_form .variations {
            display: block;
        }
    
        .woobt-products .woobt-product .variations_form .variations .variation {
            max-width: 100%;
            margin-right: 0 !important;
        }
    
        .woobt-products .woobt-product .variations_form .variations .variation select {
            text-align-last: left;
        }
        
        .woobt-products .woobt-product .variations_form .variations .reset {
            display: none !important;
        }
    }
    
    • This topic was modified 4 months, 3 weeks ago by Yui.
    • This topic was modified 4 months, 3 weeks ago by Yui. Reason: formatting

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.