Return to previous page

Mobile alignment of products changed - by msjackiemack

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

msjackiemack

Participant

November 16, 2018 at 10:58

Hi,

Since the recent theme update, my products are no longer centred on mobile devices and appear aligned to the left. https://prnt.sc/lj2jn5

How can I fix this and have them centred?

thanks,

#204020 Copied Theme version: latest WooCommerce version: latest

3 Answers
Rose Tyler

Support staff

November 16, 2018 at 16:35
Hello,

Please try to add this code in style.css file of the child theme:
```
@media only screen and (max-width: 992px) {
	.products-grid .product, .products-grid.product-count-3 .product, .products-grid.product-count-3 .product:nth-child(5n+1):first-child, .products-grid.product-count-3 .product:nth-child(4n+1):first-child, .products-grid.product-count-3 .product:nth-child(3n+1):first-child, .products-grid.product-count-3 .product:nth-child(2n+1), .products-grid.product-count-3 .product:nth-child(n) {
	    margin-left: 15px !important;
	    margin-right: 15px !important;
	}
}
```
Do not forget to clear cache before checking the result.

Regards
#204060 Copied
msjackiemack

Participant

November 16, 2018 at 16:59

Thank you – that fixed it.

#204065 Copied

Rose Tyler

Support staff

November 16, 2018 at 17:03

You’re welcome!

Regards

#204066 Copied
Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Royal – WooCommerce WordPress Theme

lazy-placeholder

Flowers Store – WooCommerce Theme

lazy-placeholder

Wedding Store – WordPress WooCommerce Theme

lazy-placeholder

Medical 02 – WordPress WooCommerce Theme

lazy-placeholder

Restaurant – WordPress Theme

lazy-placeholder

Animals Store – WordPress WooCommerce Theme

lazy-placeholder

Marseille 03 – WordPress WooCommerce Theme

lazy-placeholder

Meeting – WordPress Theme

lazy-placeholder

Rental Car – WordPress WooCommerce Theme

lazy-placeholder

Marseille04 – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.