Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #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 1 week, 4 days ago by  2funky.
    #1154247

    I have the same problem, I am following this thread

    #1154257

    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

    #1154350

    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 1 week, 4 days ago by  2funky.
    #1154557

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

    D.

    #1154593

    Hi,

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

    Best regards,
    Rikard

    #1154651

    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

    #1154858

    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

    #1154933

    Same here, I guess nowrap fixes it?

    #1154977

    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

    #1154982

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

    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 1 week, 2 days ago by  2funky.
    #1155155

    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

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

The topic ‘woocommerce 3.8 product tabs styling error’ is closed to new replies.