After update frontpage problem on Mobile

  • Resolved Lucien1973

    (@lucien1973)


    5 years, 6 months ago

    Hi All,

    I am stuck on a problem with the storefront theme. After updating all the plugins my frontpage doesn’t show good on mobile devices, the bestselling and featured productmodules from woocommerce don’t work responsive anymore but stick to 6 products on a row on devices with smaller screens.

    Does anyone know a solution for this problem?

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

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

  • Looks like the code blocks changed a bit but did a bit of testing and looks like this CSS may get it working better

    @media (max-width: 782px) {
  .home .wc-block-grid .wc-block-grid__product {
    flex: 1 0 50%;
    max-width: fit-content;
  }
}

    I had the same problem and this worked perfectly.

    But it only works on the home page.

    How do i get it on all sites?

    @electrx if you remove .home from that CSS it should target across the entire site.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘After update frontpage problem on Mobile’ is closed to new replies.