Streaming live at 10am (PST)

Custom CSS embed for polygon div shape not working on mobile

Hey all!
Can’t seem to figure this one out. I have custom CSS embedded in the Divs and referencing div classes to create custom polygon shaped container divs. All is well on desktop but doesn’t render on the live mobile. Is this a mobile limitation i am not aware of?

Screen Shot 2020-04-17 at 6.23.00 PM


Here is my site Read-Only: https://preview.webflow.com/preview/fan-summit?utm_medium=preview_link&utm_source=dashboard&utm_content=fan-summit&preview=57804096c672803e9197891a0eb7f959&mode=preview
(how to share your site Read-Only link)

According to Can I Use you should have some mobile support. But if this is working on desktop but not some mobiles then I guess you’ve answered your question, some browsers don’t support this.

Thanks! Problem solved. It only required the prefix “-webkit-” before the “clip-path” property.
Easy Peezy.

.div3 { -webkit-clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 25% 100%); }

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