Site logo

Archived topic

2 colums on mobile devices not working correctly

8 replies · Started by Michiel Lap on August 16, 2019

Viewing posts 1–9 of 9

Hi,

I have tried many (I think all) appearence / layout options trying to show 2 columns of products on mobile devices, but I can't get it right. The left column is fine, the right is not visible completely on my iphone, only about half of it.

I don't know why, even the upsell product colums are resizing just fine, but not the products.

Could you help me out?

Kind regards, Michiel

Hi Leo,

I turned off cache now.

The page you refer to is not the one, it's this one Category Alle Herbalife producten.
I can see that it autosizes on other pages better. For instance Category Afvallen.

Is my conclusion correct, that when there are more products in a category, autosizing is more difficult, because of the amount and size of words the autosizing should take into account?

If so, my next question would be: can I hide the short description of the products in the product list on mobile devices?

Thanks!

I now removed the short description and it looks better. Still, I would like to keep the short description in pc or tablet view. Is that possible?

Hi there,

can you add back the short description and i can provide some CSS to remove from mobile.

I added the short description back.

Try this CSS:

@media(max-width: 767px) {
    .archive .woocommerce-product-details__short-description {
        display: none;
    }
}

Thanks, it works!
Can I turn wp cache back on, or is it not advisable?

It should be fine. If you experience any issues let us know.

This archived topic is closed to new replies.