Woocommerce Grid View

So your only CSS ( the first rule that you shared ) that would effect those images needs to become this:

.woocommerce ul.products li.product a img {
	max-width:80%;
	height: auto;
}

Hi David,

Thank you for looking into it.

I have replaced the CSS but, unfortunately, it still does not show the products like it used to be in GPP 1.7.7.

https://drive.google.com/open?id=1mMSM5s3H-ugcmePskZ5WgYNpuQIy-INh

In portrait view it looks like this and you can move the page from one side to the other

https://drive.google.com/open?id=1ozIbJoHk4kXahHFMj-ZEhPyzdlQ71BDM
https://drive.google.com/open?id=1jxSodF7x5yiU7xBViAKDFTmw-StkeICv

When removing the CSS that effects the images completely, it looks quite similar:

https://drive.google.com/open?id=1o0Uv8jLVSG-uvRb1WHh3djUmpu_n_ch8
https://drive.google.com/open?id=1FeXIOTcFvXE61SambbFN6zTsNdyWKEWV

Cheers Andy

Would you mind removing that CSS and testing this please:

.wc-related-upsell-columns-4 .related ul.products, .wc-related-upsell-columns-4 .up-sells ul.products, .woocommerce .wc-columns-container.wc-columns-4 .products {
    grid-template-columns: repeat(4 , 25%) !important;
    grid-gap: 1.5% !important;
}

Hi David,

You are a star! This works greatly. Thank you very much.

I have only just realised that I have the same issue on the single product page with the upsell products.

https://drive.google.com/open?id=1NfbNgpnXQApXSsE4CZbT493-XNne1yDq

Would there be a similar solution possible?

Cheers Arnd

Maybe this:

.wc-columns-container.wc-columns-5 .products, .wc-related-upsell-columns-5 .related ul.products, .wc-related-upsell-columns-5 .up-sells ul.products {
    grid-template-columns: repeat(5 , 20%) !important;
    grid-gap: 5px !important;
}

Perfect!

Just a couple of things:

- the submenus do drop out not naturally on the actual iPad. It is like clicking the top menu (and the site loads) and then click it again and only then the submenu drop down. I could do a workaround by using only '#' instead of a real URL, but would prefer an actual url

- second: can I send you a few bottles of German wine?

Cheers Andy

I believe that is a bug in the theme and the latest iOS version. We're looking into a fix for 2.3.

I'll ping David about that wine! haha

That’s great and that’s great!
Thanks a lot to you both

Really glad to be of help. And thank you for the kind offer of wine :)
If you wish to make a donation then Tom accepts tips for coffee:

https://generatepress.com/ongoing-development/

Or you may just want to leave us a nice review on WordPress.org

Hi there,

Sorry for the delay on the iPad issue! Was a tough one.

I believe I have this fixed in GP 2.3: https://github.com/tomusborne/generatepress/commit/745c311a29570ccbed7dcdb454fabb37b3e72679

It would be awesome if you could give it a test?

If so, replace the contents of the wp-content/themes/generatepress/js/a11y.min.js file with this: https://raw.githubusercontent.com/tomusborne/generatepress/release/2.3/js/a11y.min.js

Let me know if you need more info 🙂

Hi Tom,

I do believe this was tough one! It is beyond what I can understand :)

I had a quick test on iPad air and iPad Pro, both with the latest iOS. It works like a charm!

You can test yourself on demo.<MyDomain>.eu/shop if you like. (It's GPP 1.8.2) installed)

Great job! Thank you very much.

Cheers Andy

Awesome! Thank you for confirming - I appreciate it :)