[Support request] 2 colums on mobile devices not working correctly

Home Forums Support 2 colums on mobile devices not working correctly

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #986002
    Michiel Lap

    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

    #986067
    Leo
    Staff
    Customer Support

    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!

    #986307
    Michiel Lap

    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!

    #986338
    Michiel Lap

    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?

    #986352
    David
    Staff
    Customer Support

    Hi there,

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

    #986378
    Michiel Lap

    I added the short description back.

    #986384
    David
    Staff
    Customer Support

    Try this CSS:

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

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

    #986402
    David
    Staff
    Customer Support

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

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.