Heading image overlapping in Safari browser

Hello everyone :grinning:

We have used many headings in the form of images on our website as the headings were designed as outlines of the text and the outlined text without any color fill was not working for other browsers except Chrome.

Now we’re facing the issue of one such heading. The heading looks perfect in Chrome, but on checking the same in Safari, it overlaps with the text as seen in the below screenshot.

Can anybody check my site’s read-only link here and help me out?

Thanks a lot!

Anyone can guide here please?

Hey @connect, you can solve it with the following steps:

  1. Reset the margin-top on the element “tech box 2”
  2. Set the position of the elements “tech card” and “strategy card 2” to relative
  3. Set the position of the element “strategy left line” to absolute and left to zero

Here a screenshot how it looks on my end in Safari after the changes:

1 Like

Thank you so much for your feedback. This is now fixed :slight_smile:

1 Like