Homepage products not responsive on iphone or safari desktop

Viewing 6 replies - 1 through 6 (of 6 total)
  • gianlucat90

    (@gianlucat90)

    4 years, 6 months ago

    I follow, I’m experiencing the same issue

    Job a11n

    (@jobthomas)

    Automattic Happiness Engineer

    4 years, 6 months ago

    @noyz319 and @gianlucat90 one of our developers marked this as closed yesterday on the GitHub thread. This means that in the next version of WooCommerce blocks this will be fixed.

    To get this fix before it’s merged into WooCommerce core, you may want to consider installing the WooCommerce Blocks plugin as all changes are added (and tested) there before they are added to WooCommerce core. You can find the plugin here: https://wordpress.org/plugins/woo-gutenberg-products-block/

    Given that this is also not a problem with Storefront but with WooCommerce and this is the Storefront forum, I’m marking this as resolved.

    adrianwackernah

    (@adrianwackernah)

    4 years, 4 months ago

    Hi, I have followed your solution and installed latest WooCommerce Blocks 2.5.2, Storefront 2.5.3 and have WooCommerce 3.8.1 running. But, bug is still there.

    Bug is not related to Blocks or WooCommerce but related to Storefront.

    Product Block is not responsive and column settings gives on first row setting minus 1 product.

    It seems that anyone is working on Storefront any longer. Has it reached end of life?

    Have a look at how it looks in Safari 13 on Desktop:

    https://die-arche.dekuenst.de/block-produkte/

    oguzhankarabulut

    (@oguzhankarabulut)

    4 years, 4 months ago

    @adrianwackernah hi i had this problem for one day and solved now and i saw your question and i want to share my solution with you should add below code to appearance->customize->Additional CSS 

    @media (max-width: 724px) {
    .wc-block-grid__product {
        flex-basis: 100% !important;
        max-width: none !important;
    }
}
    adrianwackernah

    (@adrianwackernah)

    4 years, 4 months ago

    Hi @oguzhankarabulut, thanks for your help with css. I will use it. But my reply here was more about why devs did not solve this issue because it is reported in August 2019 – 4 month ago.

    If you ask Storefront devs about bug, they response it is WooCommerce issue, WooCommerce devs tell you you may use WooCommerce Blocks plugin and it will be solved, but as we see it isn’t solved at all.

    I like Storefront theme and use it on a bunch of sites. And I use Gutenberg blocks heavily since it was released.

    It would be nice if they fix bug now soon.

    spremede

    (@spremede)

    4 years, 4 months ago

    Problem still not solved by the way …

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Homepage products not responsive on iphone or safari desktop’ is closed to new replies.