Product Tabs on mobile. | WordPress.org

Resolved Anonymous User 18819390
(@anonymized-18819390)

2 years, 7 months ago

Is there any way to place the product tab side by side on a mobile phone? It seems to work on a tablet but not a phone. It looks cleaner that way.

Viewing 4 replies - 1 through 4 (of 4 total)

hannah
(@hannahritner)

2 years, 7 months ago

Hey,
Thanks for reaching out! Can you post a link so I know for sure what you’re referencing?

Thanks,
Hannah

Thread Starter Anonymous User 18819390
(@anonymized-18819390)

2 years, 7 months ago

https://i77.962.myftpupload.com/destiny2/the-lament/
Theme Author Ben Ritner – Kadence WP
(@britner)

2 years, 7 months ago
Hi,
You can add css like this:
```
@media screen and (max-width: 719px){
    .woocommerce div.product .woocommerce-tabs ul.tabs li {
    text-align: center;
    border: 1px solid var(--global-gray-400);
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border: 0;
}
}
```
Ben
Thread Starter Anonymous User 18819390
(@anonymized-18819390)

2 years, 7 months ago

That worked and it looks a lot nicer. Thanks for the support.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Product Tabs on mobile.’ is closed to new replies.

In: Themes and Templates
4 replies
3 participants
Last reply from: Anonymous User 18819390
Last activity: 2 years, 7 months ago
Status: resolved