[Resolved] woocommerce Shop page mobile view not well

[Mueen Mehmood]

Dear,

I am new here and working on a islamic art website where we are selling islamic art painting i am using woo-commerce with GP its working fine but i have a issue with the shop page of woo-commerce that is my default page here in this website.

When i open in Iphone-4 products should be align center but products not shown in single align first product display in left side second in right side and so on…

kindly give me some suggestion to resolve this issue….

Mueen Mehmood
Web Developer (APP-DIGI Lahore Pakistan)

[Tom]

Hi there,

Any chance you can link me to the page so I can take a look?

Thanks!

[Mueen Mehmood]

Thanks Tom

here is link http://islamicartonline.com/

Regards,

Mueen Mehmood

[Mueen Mehmood]

Dear Tom there

did you visit the website ???

[Jean Paiva]

Try this:

@media screen and (max-width: 400px) {
	.grid li {
		min-width: 100%!important;
	}
}

[Tom]

This is actually due to the “WooCommerce small screen” stylesheet you have added to your site.

Try this:

@media (max-width: 768px) {
      .woocommerce ul.products li.product:nth-child(2n), 
      .woocommerce-page ul.products li.product:nth-child(2n),
      .woocommerce ul.products li.product, 
      .woocommerce-page ul.products li.product {
            float: none !important;
      }
}

[Mueen Mehmood]

Thanks @ Tom its working fine 🙂 🙂

Regards,

Mueen Mehmood

[Tom]

Glad I could help! 🙂

[Author]

Posts