• Hi, I’ve asked time ago about how to solve first columns last product is broken to next line in WC Gutenberg blocks. Last time you told me that it is related to WC Blocks plugin but if use another theme all is fine with layout. It is related instead to Storefront. Someone gave me a css rule to fix that but I cannot find it again.

    It would be fine if you fix this in next Storefront release. Please.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hello @adrianwackernah,

    Sorry for the trouble you’ve run into with Safari and the product block layout. There is a fix for this that has been merged into the next release of Storefront.

    Here’s the GitHub issue for this bug so you can follow along until it is released.

    https://github.com/woocommerce/storefront/pull/1217

    If you’d like to send over the URL to the page with the broken layout, I can take a look at it for you and see what can be done until the next update is released.

    Thanks!

    Thread Starter adrianwackernah

    (@adrianwackernah)

    Hi @3sonsdevelopment,
    thanks for reply but remember, latest update for Storefront was in August 2019. Til than I was waiting for an update which fixed this issue.

    It seems devs are sleeping on wintertime. ??

    I have this issue on this page:
    https://dekuenst.de/4-neue-fotobuecher/

    But I would like to use blocks on all of my sites. Til now I switched back to shortcodes for embedding products into pages/posts.

    Thread Starter adrianwackernah

    (@adrianwackernah)

    Beside this issue, dear devs, I love this theme. In past year I replaced on bulk of sites which I support, from Enfold to Storefront theme, even if site uses WooCommerce or not.

    Hi @adrianwackernah,

    Thanks for sending over the link. Try this and see if it will line up these products in Safari for you.

    • In your WordPress dashboard, go to Appearance and click on Customize.
    • Look down for the Additional CSS section and click on it.?
    • In the box there, paste this:
      
      .wc-block-grid__products::before {
          display: none;
      }
      
    • Publish your changes.

    It has been a while since an update was released. I do know the development team that handles Storefront is working on an update to get some of these issues taken care of. I don’t know when it will be released, but the goal is to get these wrapped up as soon as possible.

    Let me know if you have any trouble with this CSS fix.

    Thanks!

    Thread Starter adrianwackernah

    (@adrianwackernah)

    Hi @3sonsdevelopment
    it works without any trouble. Thank you very much.

    I know the team is working on Storefront as I see at github. Maybe we see in future better working with blocks, especially at editing posts/pages in backend.

    I’ve just transformed another website from Enfold theme to Storefront. ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Still broken layout in blocks in Safari browser’ is closed to new replies.