Product Subtitle for Woocommerce – Mobile Resize

/* KIA Subtitles Customize */
.woocommerce ul.products li.product .woo-entry-inner h4.subtitle, .woocommerce ul.products li.product .woo-entry-inner li.title {
    height: 14px; 
	font-family: "Oswald";
	font-size: 11px;
	line-height: 1px;
	color: #322B2B;  
	font-weight: 300;
	letter-spacing: 0px;		 
}
.woocommerce ul.products li.product .woo-entry-inner li.title h2 {
    margin-bottom: 1px;
	
}

overflow-wrap: below;

This is the code we have been using, with ocean hooks, the issue here is now, if there is a way for the subtitle text to collaphse / second line if the subtitle is too long or its on a mobile device. Adding the overflow wrap has not helped.

• This reply was modified 11 months, 2 weeks ago by MisterH.

Hello @hmarksthespot,

Thank you for reaching out,

Kindly share a live URL from the issue,
Also, please tell us what you would like that section to look like so we can understand and check it better.

As far as I know, there is no value “overflow-wrap: below;” in CSS. The overflow-wrap property controls how text wraps within its container, but it doesn’t have a value specifically for wrapping text below something: https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap. Some CSS may be affecting the part you want to modify from somewhere else.

Thank you,
Best Regards

Hello, Am I able to send the link and details of the issue to you via Ocean WP Support email kindly? I am a premium member and do not feel comfortable posting it here.

Hello @hmarksthespot,

According to the forum rules, we cannot solve premium plugin issues.
Please read the forum guidelines: https://www.ads-software.com/support/guidelines/#do-not-post-about-commercial-products

Regarding the support for the premium products, please read the pinned topic in the forum; here: https://www.ads-software.com/support/theme/oceanwp/#:~:text=Paid%20Customers%2C%20please%20read%20this%20before%20posting

Thank you for understanding,
Best Regards