Resolved3 columns on Product Listing Columns on Mobile Phones

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #29628
    artweb.frog
    Participant

    Hi! There is no options available about, only two or one. I tried adding this css but it doesn’t work:

    @media only screen and (min-width: 380px) and (max-width: 599px)
    div.prod_hold, li.product-category, div.product-category {
    width: 33% !important;
    }

    @media only screen and (max-width: 979px)
    div.prod_hold, li.product-category, div.product-category {
    width: 33% !important;
    }

    #29637
    Althemist
    Keymaster

    Hello artweb.frog,

    I am afraid this would not be possible. There is just no enough space for 3 columns on mobiles. You can use the following selector, but on your own responsibility, as there will be no space for buttons, product titles etc. Even the images will not be visible if there is something on theme (e.g SALE or NEW label):

    body div.prod_hold, body li.product-category, body div.product-category {
        width: 33% !important;
    }
    #29649
    artweb.frog
    Participant

    I tried but the code doesn’t work on “customize”. Where should I put it? Ty

    #29667
    Althemist
    Keymaster

    The best way would be in style.css of the child theme, but it should work fine in the customizer too.

    #29734
    artweb.frog
    Participant

    Don’t know man, doesn’t work 🙁

    #29760
    Althemist
    Keymaster

    Did you used the code I gave you with BODY selector and !Important?

    Please, give us a link where we can see it “live”.

    #29924
    artweb.frog
    Participant

    Sure! Check it out.
    https://www.alterverso.com/

    #29932
    Althemist
    Keymaster

    There is no such style in the code. Where did you add it? Also, in the code above, it looks like you’re missing the curly brackets for the media query.

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register