Return to previous page

Product image size mobile version and product Title length

This topic has 2 replies, 2 voices, and was last updated 8 years, 9 months ago ago by Jack Richardson

Silman

Participant

May 24, 2016 at 20:03

hi i have put this code inside custom.css for desktop view:

img.hide-image {
height: 330px;
}

i am pretty happy with size on desktop view but not on mobile view. and also i want to trunc Product Title on mobile view.

could you provide me code please.

my website: http://www.fashionwholesalestar.com

#127053 Copied

1 Answer
Jack Richardson

Support staff

May 25, 2016 at 08:11
Hello,

Edit this code

img.hide-image { height: 330px; }

to this:

@media (min-width: 1200px) {img.hide-image { height: 330px; }}

To truncate product title on mobile add this code in custom.css file:

@media (max-width: 480px) {.slide-item .product .product-name, .products-grid .product .product-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }}

Best regards,
Jack Richardson.
#127084 Copied
Tagged: mobile version, product image size, product title length, seo friendly, templates, woocommerce, wordpress
Viewing 2 results - 1 through 2 (of 2 total)