column problem on mobile

  • zech34

    (@zech34)


    4 years, 2 months ago

    Hi,

    I am having a problem with the phone view of the products. The products look like the ones on the desktop.

    I’m setting woocommerce<product catalog<store columns. I want to have 2 columns for mobile. but it is not working. https://prnt.sc/FE846SOXVxpw

    Very happy if you help.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • trickybee

    (@trickybee)

    4 years, 2 months ago

    I am having the same issue. I ended up contacting support and they informed me they are working on a fix. But for the meantime they send me this code to paste into my additional css section in the customizer menu. 

    @media (max-width: 544px) {
   .woocommerce ul.products:not(.elementor-grid).columns-3, .woocommerce-page ul.products:not(.elementor-grid).columns-3 {
    grid-template-columns: repeat(1,minmax(0,1fr));
}
}
    Thread Starter zech34

    (@zech34)

    4 years, 2 months ago

    Hi trickybee,

    Thank you very much for your interest.

    Fixed for shop and category pages.

    But unfortunately, it did not improve on the home page and the page we opened as “new products”.

    Herman Asrori (BSF)

    (@bsfherman)

    4 years, 2 months ago

    Hi @zech34,

    Please refer to this thread.

    FYI, our team has fixed this and the patch should be included in the next update. If you would like to have a dev version of the Astra theme that contains the patch, please open a ticket thru our Support Portal and we will provide it to you.

    Kind regards,
    Herman 🙂

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘column problem on mobile’ is closed to new replies.