Hi! This css should do it for you:
.single-product div#tab-description h2 {
display: none;
}
Hope that helps!
Best,
Hannah
thanks
do you know how could be added an icon like this one on the mobile version of the tabs?
https://snipboard.io/MeatSG.jpg
Hi,
There isn’t a built-in option for this. Are you using Shop Kit? With Shop Kit 2.0 you can built custom product templates. In that case you could add the Kadence Tabs Block to your product page which has the ability to add icons to your tab titles.
Let me know if you would like further guidance with that.
Kindly,
Hannah
does the shop kit allow to edit just this tab section of the product page or the entire product page ?
I just need to style the tab section
https://snipboard.io/684PCo.jpg
It allows you to build out custom product pages.
You can do a bit of a workaround with css like this:
@media (max-width: 768px) {
.woocommerce div.product .woocommerce-tabs ul.tabs li a:after {
content: "v";
float: right;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
padding: 5px 0;
}
}
Just replace the “v” with your icon. Would that work for you?
Kindly,
Hannah
I use this :
@media (max-width: 768px) {
.woocommerce div.product .woocommerce-tabs ul.tabs li a:after {
content: "https://www.runayaq.com/wp-content/uploads/2022/10/dropdown-1.svg";
float: right;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
padding: 5px 0;
}
}
but it didn’t work
I desire to get this result:
https://snipboard.io/XM5koN.jpg
https://snipboard.io/jG1ocY.jpg
Hey,
I’m not sure of a way to achieve that with CSS. Sorry.
Kadence Shop Kit does allow you to add custom tabs without editing the whole product page. https://www.kadencewp.com/kadence-shopkit/
Kindly,
Hannah
can I add some icon to those tabs with kadence shop kit ? like in the example I been writing about
Yes! You’ll see an example on the page I linked to.
Kindly,
Hannah
