Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 28, 2022 at 1:24 pm #1346298
    YourChoice Informatik GmbH

    Hi
    Under WooCommerce settings – products (/wp-admin/admin.php?page=wc-settings&tab=products) we can change the following Enfold settings:
    – Column Count
    – Product Count
    When we set the column count to 3, we have one column on mobile and three columns on all other devices (desktop, tablet).
    Is it possible to have this a little bit more responsive, for example 3 columns on desktops, 2 columns on tablets, 1 column on mobile or something like that?
    Thanks very much.
    Best regards
    Mike

    March 29, 2022 at 6:30 am #1346389
    Ismael

    Hey Michael,

    Thank you for the inquiry.

    Adjusting the width of columns on tablet view should be possible. Are you using the product grid element, or just the default product template? Please provide the URL of the product page so that we can check the elements directly.

    Best regards,
    Ismael

    March 29, 2022 at 10:09 am #1346408
    YourChoice Informatik GmbH

    Hi Ismale
    I think we use the default product template, we use the generated shop page…should we use the product grid element?
    See the URL of the product page in the private content section.
    Thanks very much.
    Best regards
    Mike

    March 30, 2022 at 9:59 am #1346534
    Ismael

    Hi,

    Thank you for the update.

    You can use this css code to adjust the column width on tablet view or when the screen width is less than 989px.

    @media only screen and (min-width: 768px) and (max-width: 989px) {
  .responsive #top #main .products .product {
    margin: 0 1% 1% 0;
    width: 49%;
  }

  .responsive #top .products .product:nth-child(even) {
    clear: none;
  }
}

    Best regards,
    Ismael

    March 30, 2022 at 11:48 am #1346559
    YourChoice Informatik GmbH

    HI Ismael
    It works, thank you very much.
    You can close this issue.
    Best regards
    Mike

    March 30, 2022 at 4:41 pm #1346616
    Rikard

    Hi,

    Great, I’m glad that Ismael could help you out. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Responsive WooCommerce Product Columns’ is closed to new replies.