Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • November 6, 2019 at 12:52 am #1154128
    2funky

    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 5 years ago by 2funky.
    November 6, 2019 at 12:17 pm #1154247
    Wolf

    I have the same problem, I am following this thread

    November 6, 2019 at 12:38 pm #1154257
    Rikard

    Hi,

    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,
    Rikard

    November 6, 2019 at 5:37 pm #1154350
    2funky

    Hi 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 5 years ago by 2funky.
    November 7, 2019 at 8:14 am #1154557
    dmiklus

    Same problem here! With fixed widths is not a perfect solution!

    D.

    November 7, 2019 at 12:14 pm #1154593
    Rikard

    Hi,

    Thanks for sharing your solution @2funky, it’s much appreciated :-)

    Best regards,
    Rikard

    November 7, 2019 at 2:25 pm #1154651
    2funky

    Hi 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 #1154858
    Rikard

    Hi 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,
    Rikard

    November 8, 2019 at 11:40 am #1154933
    wzshop

    Same here, I guess nowrap fixes it?

    November 8, 2019 at 1:25 pm #1154977
    Victoria

    Hi 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,
    Victoria

    November 8, 2019 at 1:29 pm #1154982
    wzshop

    Yes 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 #1155077
    2funky

    Hi 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 5 years ago by 2funky.
    November 9, 2019 at 4:58 am #1155155
    Rikard

    Hi Pete,

    Great, I’m glad that the CSS is working and sorry again for the problem. This will likely be fixed in the next version of the theme. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘woocommerce 3.8 product tabs styling error’ is closed to new replies.