Layout mobile

Hi @djbrunolima

Please add below CSS code to WP-Admin → Appearance → Customizer → Additional CSS:

@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;
    }
}

thanks for the answer and the solution!
excellent plugin and excellent support! Congratulations!

BR,

BL

Hi,

We are trying to implement the same and the additional CSS, can we have some help?

Anthony

https://www.everybattery.com.au/online/product/pure130/

hey i used and still have same problem like anthonyturton