Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 20, 2019 at 6:14 am #1158365
    marsh1984

    Hi team,
    I seem to have a formatting issue with Woocommerce products tabs see here: https://ibb.co/J7FPk1r
    They look stacked.
    Advice appreciated.
    Thanks

    November 20, 2019 at 12:57 pm #1158450
    Rikard

    Hey marsh1984,

    Sorry for the problem, please try this in Quick CSS:

    #top div div.product .woocommerce-tabs ul.tabs li a { 
  white-space: nowrap !important; 
}

    This will be fixed in the next theme update.

    Best regards,
    Rikard

    November 22, 2019 at 1:18 am #1158962
    marsh1984

    That works thanks. Now, I have the Woocommerce product tabs and when screen size forces tabs to move onto second line, the top tabs don’t have a bottom border.
    See screen shot https://ibb.co/tx9pKgn
    How can I add this border?
    Many thanks

    November 23, 2019 at 3:19 pm #1159426
    Victoria

    Hi marsh1984,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  #top div div.product .woocommerce-tabs ul.tabs li.active a,
  #top div div.product .woocommerce-tabs ul.tabs li a {
    border: 1px solid #cccccc45;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.