Archived topic

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

3 replies · Started by dongsoon on September 5, 2019

Viewing posts 1–4 of 4

September 5, 2019 at 5:19 am #1001615

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.

tab list

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

September 5, 2019 at 8:06 am #1001833

Hi there,

Try this CSS:

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

Let me know if this helps :)

September 5, 2019 at 10:50 am #1001961

Hi,
Your proposed code snippet is work well.
Thanks

September 5, 2019 at 10:58 am #1001967

No problem :)

This archived topic is closed to new replies.