WooCommerce Product Grid Shortcode cut-off on Safari

Hello,

We are utilizing WooCommerce’s product shortcodes for custom catalog pages. On Safari the bottom margin of each product instance is being ignored, but not on Chrome or Firefox.

We made sure to check the issue after disabling all unnecessary plugins and get the same results.

Maybe there is a better way to do this with the new query elements?

Details on accessing the site are in the secure note area.

Hi @TonyBear,

Thanks for reaching out.
I have checked your website in Safari using online Browser Testing Tools, but didn’t find any differences between the output in Google Chrome and Safari. I have also found that [products] shortcode has been used to show the products. As you are using the Pro, I would suggest you use the Layout Builder and the Looper to shows a similar output.

I would suggest you go through the following article and videos on how to use the Layout Builder and the Looper Provider.



Hope it helps.
Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.