Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • June 30, 2018 at 12:09 pm #979582
    stevegjacobs

    Hi,
    I’ve been trying to fix a problem with the category and product display appearance on mobile. On my site there are two columns on mobile and four on large screens. To get the large screen display to look as I want it, I’ve added this to custom css already:
    .shop_columns_4 .products .product {
    width: 24% !important;
    }
    However, I think this makes the mobile screen display two columns in only half the screen width. What can I do to fix this?

    Thanks

    Steve Jacobs

    July 1, 2018 at 10:11 am #979773
    Rikard

    Hey stevegjacobs,

    Please try this instead:

    @media only screen and (min-width: 991px) {
.shop_columns_4 .products .product {
width: 24% !important;
}
}

    Best regards,
    Rikard

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