Tagged: tabs, woocommerce
Hi,
Following update to 3.6.1 the styling of the tabs for WooCommerce products has broken in Single Product Pages.
Issue is present in 3.7 as well, see screenshot in private section below
Hey radugidei,
Please update Enfold to the latest version 3.7.1 – kriesi.at/documentation/enfold/updating-your-theme-files/
Best regards,
Yigit
Hi Yigit, i had updated already, issue is still there . Apologies if I didn’t make that clear.
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.js_active .woocommerce-tabs .panel { clear: both; }
Best regards,
Yigit
Hi Yigit,
Applied the snippet and it still does not display correctly.
Hi,
I can’t see anything wrong on your website. Also your screenshot is not showing anything wrong to me. What exactly is not working for you?
Best regards,
Andy
Hi Andy,
Please see screenshots below for standard Enfold demo and our site.
Basically, the content doesn’t appear to be in the tab box and it also starts on the same line as the tabs themselves.
Hi,
not sure what you mean. Both screenshots you’ve send look fine to me. What exactly do you want to change? Can you highlight it on your screenshots please?
Best regards,
Andy
Hi Andy,
The border was missing in ours and tab content was not properly aligned with tabs.
We’ve solved it somehow, see screenshot below for what it’s meant to look like.