Return to previous page

Hey how can i make products smaller at mobile version so people will able to see more products

This topic has 2 replies, 2 voices, and was last updated 1 years, 7 months ago ago by Rose Tyler

Tal

Participant

September 11, 2023 at 18:47

hey.
https://prnt.sc/4_shnR6_1cN5
how to make products smaller in mobile version so more products will fit in page.
smaller about 30-40 %
something like this :
https://prnt.sc/zIERc3jpiQ7d

thank you!

#367252 Copied Theme version: 9.1.4 WooCommerce version: 7.7.0

1 Answer
Rose Tyler

Support staff

September 12, 2023 at 08:10
Hello, Tal,

Thank you for contacting us and for using XStore.

Please try to add the next code in Theme Options > Theme Custom CSS > Mobile:

.content-product .product-content-image { max-width: 70%; margin-left: auto; margin-right: auto; margin-top: 10px; } .content-product .product-image-wrapper { margin-bottom: 0px; } .content-product .product-title a { display: inline-block; width: 90px; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; }

Kind Regards,
8theme team
#367272 Copied
Tagged: boost woocommerce mobile view, enhance mobile product visibility, improve mobile woocommerce display, optimized woocommerce mobile themes, woocommerce mobile optimization, woocommerce mobile product adjustment, wordpress woocommerce mobile solutions
Viewing 2 results - 1 through 2 (of 2 total)