This topic has 4 replies, 3 voices, and was last updated 5 years ago ago by Olga Barlow
Hello,
1-why are my products not aligned?
2-Can I display two products per line on pc and one product per line on mobile? via the css for example or another way
Hi,
1. Because of the different of image sizes http://prntscr.com/ps2u8p -> http://prntscr.com/ps2ubr. You should use same size for all images, or try this plugin:
2. Add below code to Theme Options -> Additional CSS
@media only screen and (max-width: 480px){
.products-grid .product {
width: 100%;
}
}
Regards,
Hung PD
which plugin please
Hello,
To manage the size of the product images go to Appearance > Customize > WooCommerce > Product Images > use crop option to get all the images with the same size. But we would recommend you to upload images with the same proportion for all the products instead of cropping, then grid looks much better.
Regards
You must be logged in to reply to this topic.Log in/Sign up