Border radius on mobile not appearing?

Hi!

For some reason my main hero image on my website is not reflecting the border radius I have on mobile. It looks great on desktop/laptop, but it’s show no round corners on mobile. Any ideas what I’m missing?


Here is my site Read-Only: https://preview.webflow.com/preview/sf-canvas-site?utm_medium=preview_link&utm_source=designer&utm_content=sf-canvas-site&preview=473ce79e8a39ded010de9d0393c148ac&pageId=612e5f50ab6801d3ad436bc8&workflow=preview
(how to share your site Read-Only link)

I can’t recreate the issue. Did you resolve it?

I tested your site in firefox and chromium on desktop and mobile (emulated) and the borders seem fine. Care to post a screen from your client?

Does it matter if previewed in the designer on on the published site (https://sf-canvas-site.webflow.io/)?

Since you are using svelte and third-party scripts on your side, maybe check the errors in the console? Unchecked exceptions can do weird stuff :grin:

Let us know!

I was able to resolve this. Thanks for your help everyone!

1 Like

Hi @travisclark how were you able to resolve this? I am having the same issue

Hey, how did you manage to resolve the issue?

I had the same issue. For me it was in the setting “Overflow”, I had to hide it, and voila, there where my corners.

2 Likes

Thanks a lot. Seeing this over a year later but this fixed this issue for me!