Archived topic

woocommerce Shop page mobile view not well

7 replies · Started by Anonymous on August 18, 2015

Viewing posts 1–8 of 8

August 18, 2015 at 12:14 am #130138

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)

August 18, 2015 at 12:32 am #130140

Hi there,

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

Thanks!

August 18, 2015 at 12:59 am #130144

Thanks Tom

here is link http://islamicartonline.com/

Regards,

Mueen Mehmood

August 18, 2015 at 5:47 am #130209

Dear Tom there

did you visit the website ???

August 18, 2015 at 6:26 am #130223

Try this:

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

August 18, 2015 at 9:24 am #130264

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;
      }
}

August 19, 2015 at 11:09 pm #130771

Thanks @ Tom its working fine :) :)

Regards,

Mueen Mehmood

August 19, 2015 at 11:44 pm #130783

Glad I could help! :)

This archived topic is closed to new replies.

Start building better websites today.