Tagged: , , , , ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 4, 2022 at 11:02 pm #1347193
    Jason E

    Good day everyone!

    In what I thought would be a simple pursuit, I have not be able to find what i need, so I am asking here.

    WooCommerce grid display on Enfold seems to have a minimum of two-column display, even on mobiles. I have tried to manually create grids, both using ALB and via shortcode, but no matter what I do, I cannot get it to show a single column on a mobile device. The two-column display just does not look good, nor does it fit well. Is there something I am missing to achieve this? Ideally, I was hoping the grid would be responsive, so that wide layouts could utilize any number of columns, while narrow displays can have that single column, clean and clear layout.

    Thanks for the help!
    -jason

    April 5, 2022 at 11:12 am #1347246
    Ismael

    Hey Jason,

    Thank you for the inquiry.

    Looks like the products are now displayed on a single column on mobile view, using this css code.

    @media only screen and (max-width: 767px) {
  .responsive #top #main .products .product {
    margin: 0 0 20px 0;
    width: 100%;
  }
}

    Let us know if you need more help with this.

    Best regards,
    Ismael

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