WooCommerce mobile view

Hi there,

1. Probably easier to just use the plugin as you already have it configured.

2. Can you try clearing your Autoptimize cache?

Thanks!

2. I just did, and unfortunately it didn't help.

Hmm, weird. It now looks okay in the WordPress edit preview (set to show mobile; the changes are saved), but not when I'm loading the site on my phone or iPad...

Browser cache maybe?

I just tried a browser that I never use, the problem persists.

But hey! Uninstalling Autoptimize solves the problem, and installing it again makes the problem reappear.

Starting anew with Autoptimize, the basic setting that causes the problem is "Optimize CSS code".

Interesting. In the excluded CSS file, try adding: woocommerce-mobile.css

Tom, I tried, it didn't help.

Actually yesterday I tried to exclude all of the CSS-files in GP's WooCommerce-addon's folder: nothing helped, but there were sometimes weird changes in the layout. I'd imagine excluding css files from optimization shouldn't affect layout?

Hmm, weird.

For now, you can do this:

@media (max-width: 768px) {
    .woocommerce ul.products li.product, 
    .woocommerce-page ul.products li.product {
        margin-left: 3.8%;
    }
}

Thanks! You know what? More weirdness!

Your CSS fixes the problem -- unless the option "Also aggregate inline CSS?" is on!

I used WP's Custom CSS to add that fix. I guess that's inline CSS then?

I promised more weirdness: If the option "Also aggregate inline CSS" is OFF, another small display glitch appears elsewhere, again on mobile only. On my blog home pages (really the category pages), there's some extra margin on the left side of all posts. There's some gray background showing where there shouldn't be any. I remember seeing this glitch a month or so ago, I guess I fixed it by switching on "Also aggregate inline CSS".

These glitches never appear on preview window, only after Autoptimize has done it's thing.

My own little fix to your fix: padding instead of margin seems to work even with "Also aggregate inline CSS" on. No idea why!

Hello!

I just tested with another site with only a few of my own customizations.

This combination produces a display glitch:
- Autoptimize with "Also aggregate inline CSS" turned OFF
- GP's simple columns
- Viewing the blog home page on mobile

Here's an image of the display glitch:

Just for your information -- no hurry -- at the moment I have no live sites with problems. BTW, Masonry worked without glitches.

Let me know if and when you want me to bring this issue up on Autoptimize's support forums!

Hmm, can't reproduce that.

Here's my settings: https://www.screencast.com/t/iOVF5Vgp

Here's the site: https://www.screencast.com/t/ifTsrOmL

Any chance you can link me to a site with this issue?