Woo products not shown correct in Safari

[TomasJarvling]

Hi.
When looking at a specific product on https://gulaankan.se/produkt/dagens-lunch/
The last of the cross and upsale products are placed slightly below the white background. I was in contact with Woo and we could reproduce it in Safari - not other browsers. Woo support pointed me in your direction.
Do you know the reason for this and is there something i can do to solve it.

Tomas

[prakash_s]

Hello @TomasJarvling,

Thanks for writing to us.

I would suggest you please add this custom CSS code to the global CSS to get rid of your issue.

.woocommerce.woocommerce-page.single-product section.up-sells.upsells.products {
    margin: 50px 0;
} 

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[TomasJarvling]

@prakash_s

.woocommerce.woocommerce-page.single-product section.up-sells.upsells.products {
    margin: 50px 0;
} 

Yes. Seems to work fine. Thanks

[tristup]

Hi Tomas,

Glad that we are able to help you.

Thanks