Product description on mobile
-
In the product page in desktop mode, the product description is always visible and the words ‘description’ have been made invisible through the CSS shown below.
.wc-tab-inner > h2:nth-child(1){
font-size: 0.5px;
display: none;
}
.wd-tabs-title{
font-size: 0.5px;
letter-spacing: 25px; color: rgba(0,0,0,0);
}
In mobile mode, on the other hand, on the product page, the words ‘description’ are present and the product description appears in accordion mode. How can I make it always visible (not accordion) and hide the words ‘description’ like in desktop mode?
Hi,
Accordion for product description on mobile can’t be disabled using custom code, but you can hide accordion title too by using following custom code.
.woocommerce-tabs.wd-accordion .wd-accordion-title {
display: none;
}
.woocommerce-tabs.wd-accordion .woocommerce-Tabs-panel {
margin-top: 30px;
}
Kind Regards
.
