Horje

How to fix Woocommerce title length Broken Grid Product View for Mobile Page

Just copy and paste following codes to yourdomain.com/wp-content/themes/activated-theme/style.css in the most below. Then, Run your website in Browser and Clear Cache for Browser.
style.css
Example: CSS 
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

Output should be:

How to fix Woocommerce title length Broken Grid Product View for Mobile Page


Type:
 css
Category:
 Web Tutorial
Sub Category:
 Wordpress CSS Tutorial
Uploaded by:
 Admin


 

Horje