Mobile view issue

  • Hi there!,

    Mobile view block settings. I added some blocks to the homepage with newest products en best selling products – I set to 5 columns and 1 row. On the desktop site it works fine, but on mobile the images get huge (almost full screen) and the get in rows.

    Somebody know how to fix this?

    With kind regards,

    Buck Baggen

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support EastOfWest a11n

    (@eastofwest)

    Hi there,

    What you’re describing is the responsive design of the block, that changes to best fit the size of the screen the page is being viewed on. It has a standard appearance, that might also be influenced to an extent by your theme’s design.

    The “All products” block is designed to display that way, and doesn’t have settings built-in to change it. However, it should be possible to change it with your own CSS.

    Thread Starter buckbaggen

    (@buckbaggen)

    Hi,

    It’s a WooCommerce block, the Theme doesn’t effect the block. I tried with another team and the StoreFront team. All exact the same.

    I allready tried with the following CSS code, then they get smaller but other parts from the site then dissapear.

    Maybe someone have another solution? Or another CSS code?

    Thanks!

    @media (max-width: 480px) {
    .wc-block-grid__product {max-width: 50% !important; float: left;}
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Mobile view issue’ is closed to new replies.