Archived topic
2 colums on mobile devices not working correctly
8 replies · Started by Michiel Lap on August 16, 2019
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 there,
Are you referring to these?
https://www.screencast.com/t/Ad8OT0dfOoOK
If so that's created from Site Origin so GP doesn't control the mobile alignment.
Let me know if I'm looking at the wrong section.
Please make sure this is done as well:
https://www.screencast.com/t/gT73Jqhqq
Thanks!
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.