Website Error on Safari

Design help General
1

Hi there,
I’m having trouble with the banner text element on the below website.
https://preview.webflow.com/preview/fitzroyhealthwebsite?preview=28d5358b692fe0c12d74d20bb606e679

I am receiving an error when I try viewing this site on a Safari browser (works fine on Chrome and IE). The error is that when you view the site on Safari, the three words in the banner on top flash every half second or so before changing… So about 4-5 flashes on each word. Do you know what could be causing this?

Here is an external webflow link:
http://fitzroyhealthwebsite.webflow.com/

I’d appreciate any help I can get! Thanks a lot in advance.

2

Here’s a video of what OP is referring to:

http://quick.as/zQPWfq8DY

Left side is Chrome
Right side is Safari.

Text in Safari will display - then increase in brightness
as it “blinking” before “brightness is removed” then text fades out.

Probably an issue with Safari. Ask Webflow.

1 Like
3

Can you try to add this in the custom code head section of your site’s dashboard?

<style>
h1 {-webkit-font-smoothing:antialiased}
</style>

(add your correct element in the code instead of h1)

2 Likes
4

Thanks so much for your response. I tried the code and it’s unfortunately still flashing. The top menu also flashes with it.Should I try changing the z index at all? (as advised by webflow support) I changed it to -1 as advised, but it gave me a message saying negative index numbers can only be selected in the navigator bar (not sure what that means). Sorry, I have very limited knowledge of html/css :frowning:

5

Hello again! I changed the z index of the navigation element to 0 and the issue got fixed. Thanks again for all the help :smile:

1 Like
6

Ok good you got rid of that, z-index was the thing to try, I usually advice it at first, before antialias… didn’t get lucky here :slight_smile:

1 Like