Safari clipping hover state text

Across my site I am using a brush script with a hover state so that the font changes colour. The transition works perfectly well in Chrome but when I explore the site in Safari the brush script does not behave correctly and the results in the brush script often being clipped in both non hover and hover state. Not sure what the issue is here? An example of this is on the Locations and Menus page and then again if a restaurant location is clicked the same issue presents itself with the rotated Menu button in the top left of the page.


Here is my site Read-Only: https://preview.webflow.com/preview/patty-bun?utm_source=patty-bun&preview=401aa94cffb5d0069b6bcde44811f330&mode=preview
(how to share your site Read-Only link)

Hey,

Hopefully someone with safari can chime in as I’m unable to test this atm.

But I can see you’re using CSS Grid. CSS Grid is only supported as of Safari 11.1 on Desktop and Safari 10.3 on iOS.

Just checking you’re using the latest versions

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