Fix Overflow Hidden and Border Radius Mobile Bug

Fix Overflow Hidden and Border Radius Mobile Bug

Use this simple bit of CSS to fix the overflow and border radius issues that can occur on mobile Safari, where the children content is not being cropped within the border radius of the parent that has overflow:hidden set.

Have feedback or a question related to this item? Drop us some feedback!

Curated: 
1.2.23

Similar items

Items
2776
Search

Effect All Siblings on Hover With CSS

8.30.22

Custom Text Underline Offset, Size and Color

2.19.22

CSS Halftone Overlay Effect

9.20.21

Finsweet Normalize CSS Embed

9.2.21

Multi-line Truncate

4.4.21

Restock

View Restock

Superscript All Registered(®) Trademark Characters

7.13.20

Webflow Lightbox Custom Overlay Color

2.28.20

Custom Scrollbar

2.27.20

Text Bottom Border Animation on Hover

2.5.20

Resetting Apple Default Form Styles

12.4.19

Customizing Text Selection Color

12.4.19

Single Line Truncate

12.4.19

@Media Prefers Dark/Light

11.21.19

CSS Aspect-Ratio

11.21.19

CSS Scroll Snap

11.21.19

Hide Section if Child CMS Collection is Empty in Webflow

4.2.24

CSS Logo Marquee / Ticker

5.25.22

Vimeo Video as Background

9.20.21

Prefers Reduced Motion Media Query

7.28.21

Accessible Modal

3.4.21

Set Equal Heights Based on Tallest

1.11.21

CSS Target Attribute

10.30.20

Fix Paragraph Runts With Nonbreaking Space

10.8.20

Bummer, no results

Try a different search/filter combo, or drop us some feedback if there is something missing you would love to see!

Reset filters

Subscribe for updates

Get updates on the latest curated resources and be the first to hear of new features.

Subscribe