WooCommerce Product Page Tabs - Support | Kriesi.at

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
April 2, 2020 at 7:55 am #1200003

Southern Comfort
Participant

Hi!

I did some searching and found a solution to a tab error I was having on WooCommerce product pages: https://kriesi.at/support/topic/woocommerce-3-8-product-tabs-styling-error/

The fix worked like a charm on the desktop version of my site, but it does not work on mobile. The tabs end up still being oversized and stacked on top of each other on mobile devices.

Could anyone please provide a fix for this for mobile devices?

Thank you!

April 3, 2020 at 6:15 am #1200374

Rikard
Keymaster

Hey Southern Comfort,

Could you post a link to where we can see the problem you are having please?

Best regards,
Rikard

April 3, 2020 at 4:04 pm #1200552

Southern Comfort
Participant

Yes, certainly. Below is a screenshot and a link to the problem. It’s only an issue on mobile.

April 4, 2020 at 7:52 am #1200762
Rikard
Keymaster
Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
```
@media only screen and (max-width: 767px) {
#top div div.product .woocommerce-tabs ul.tabs li a, #top div div.product .woocommerce-tabs ul.tabs li.active a {
    padding: 9px 5px 10px 5px;
}
}
```
Best regards,
Rikard
April 5, 2020 at 7:12 pm #1200989

Southern Comfort
Participant

That worked like a charm. Thank you for your help!

April 6, 2020 at 5:50 am #1201138

Rikard
Keymaster

Hi,

Great, I’m glad that we could help. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

April 6, 2020 at 1:18 pm #1201214

Southern Comfort
Participant

You can close it. Thank you again!

April 7, 2020 at 5:01 am #1201464

Jordan Shannon
Inactive Moderator

Hi,

If you need additional help, please let us know here in the the forums.

Best regards,
Jordan Shannon
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘WooCommerce Product Page Tabs’ is closed to new replies.