Tagged: , , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 4, 2017 at 8:38 am #816209
    JBkvns

    Hi,

    is it possible to change the mobile breakpoint of the WooCommerce product grid?
    I use 4 columns, but the breakpoint is rather “late”. So the products become very small when changing the size of my browser. I would like to see that de 2 column product grid comes up earlier.

    Thanks!

    July 4, 2017 at 11:49 am #816260
    Rikard

    Hey JBkvns,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    July 4, 2017 at 12:12 pm #816276
    JBkvns

    Hi,

    This is de link:

    Thanks!

    July 5, 2017 at 4:26 am #816574
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 1024px) {
.responsive #top #main .products .product {
    margin: 0 1% 1% 0 !important;
    width: 49% !important;
}
.responsive #top .products .product:nth-child(odd) {
    clear: both !important;
}
}

    Best regards,
    Rikard

    July 11, 2017 at 11:09 am #819235
    JBkvns

    Thanks! This is much better.
    Only strage thing is, is that on the second productline it places only one product and the other under it. Is that something fixable?

    Thanks again & Kind regards

    July 11, 2017 at 11:09 pm #819688
    Basilis

    Hi,

    That is possible because of the product description title.
    It seems it is bug and it is braking it when loading the page!

    Best regards,
    Basilis

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