[Resolved] I want to keep woocommerce single product tab list horizontally on mobile.

[dongsoon]

Hi,
Currently, woocommerce single product tab lists are listed vertically on mobile.

I want to keep the woocommerce single product tab list horizontally on mobile.

For reference, the previously used theme solved the problem with the following css code. But this won’t work with GP Premium.

@media only screen and (max-width: 767px) {
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    display: inline-block;
}
}

[Leo]

Hi there,

Try this CSS:

@media (max-width: 768px) {
    .woocommerce div.product .woocommerce-tabs ul.tabs {
        flex-direction: row;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps 🙂

[dongsoon]

Hi,
Your proposed code snippet is work well.
Thanks

[Leo]

No problem 🙂

[Author]

Posts