Safari issues

Hi there,

Two questions.
I’m building a site at:

http://padthai.decorolux.com/

1st issue: The site reloads because of a problem in Safari, why?

I’m trying to achieve a circled border animation in navigation. It works fine on Firefox and Chrome, but not on Safari.

2nd issue: However, I can’t figure out why. I tried using this code: https://codepen.io/great2gether/pen/apxmvw
And it works here, but not in wordpress… any ideas? Thanks!

Hi @Pbalazs89,

  1. You have an SVG image which you want to add as the dotted view at the bottom of the menu, but the SVG has a rectangle layout which might be the problem cause. I also, want to mention that Safari browser handles the SVG a little bit different and that is the main problem.

So, unfortunately, there is no solution other than you avoid using the SVG image.

  1. The code sample is in a completely other context and the actual generated code in the Pro header is completely different and has many other wrappers and factors which makes it impossible to mimic the same situation for comparison.

I suggest that you consider using partials instead. You may not have the exact effect but you can have somewhat cool stuff using the partials instead. For more information click here.

Please consider that this is a matter of customization and outside of our support scope.

Thank you.

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