![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
November 6, 2019 at 12:52 am #1154128
Hi,
WOO 3.8 breaks tabs styling desktop and mobile – see private content
I’ve tested on several pages, it seems to be a general problem with the Enfold Theme
Hope you have at quick fix.
BR, Pete
-
This topic was modified 4 years, 10 months ago by
2funky.
November 6, 2019 at 12:17 pm #1154247I have the same problem, I am following this thread
November 6, 2019 at 12:38 pm #1154257Hi,
Sorry for the problem, please try this in Quick CSS:
#top div div.product .woocommerce-tabs ul.tabs li a { white-space: inherit !important; }
Best regards,
RikardNovember 6, 2019 at 5:37 pm #1154350Hi Rikard,
Thanks, for quick support.
I changed it to the code below as the width of the different tabs does not adjust automatically.Is there a better way to fix the width of the tabs so that it always adapts to the width.
/*woo 3.8 fix*/ .reviews_tab {width:139px!important} #tab-title-additional_information {width:178px!important} #top div div.product .woocommerce-tabs ul.tabs li a { white-space: inherit !important; }
BR, Pete
-
This reply was modified 4 years, 10 months ago by
2funky.
November 7, 2019 at 8:14 am #1154557Same problem here! With fixed widths is not a perfect solution!
D.
November 7, 2019 at 12:14 pm #1154593November 7, 2019 at 2:25 pm #1154651Hi Rikard,
Thanks, but there must be a better way to do it, as @dmiklus writes
“Same problem here! With fixed widths is not a perfect solution!”
BR, Pete
November 8, 2019 at 6:32 am #1154858Hi Pete,
Did you the CSS I sent not work? If not then please try this instead:
#top div div.product .woocommerce-tabs ul.tabs li a { white-space: nowrap !important; }
Best regards,
RikardNovember 8, 2019 at 11:40 am #1154933Same here, I guess nowrap fixes it?
November 8, 2019 at 1:25 pm #1154977Hi wzshop,
Have you tried the code?
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
VictoriaNovember 8, 2019 at 1:29 pm #1154982Yes and it is fixed. I meant that the code below seems to be ‘enough’ to fix it all.
#top div div.product .woocommerce-tabs ul.tabs li a { white-space: nowrap !important; }
November 8, 2019 at 5:57 pm #1155077Hi Rikard,
Thanks, I can confirm that the solution is
/*woo 3.8 fix*/ #top div div.product .woocommerce-tabs ul.tabs li a { white-space: nowrap !important; }
You can mark this thread as ‘resolved’;)
BR, Pete
-
This reply was modified 4 years, 10 months ago by
2funky.
November 9, 2019 at 4:58 am #1155155 -
This topic was modified 4 years, 10 months ago by
-
AuthorPosts
- The topic ‘woocommerce 3.8 product tabs styling error’ is closed to new replies.