Menu items space safari

Hi,
I have checked with same screen size and in Safari the menu items doesnt have space between. In Chrome its working fine. Photos attached

Attachments:

You must be logged in to view attached files.

Website in private

Hello,

Here is a screenshot on Safari browser from my side: https://take.ms/IDRS2

As you can see, the space there is well, so please try to clear the browser cache and recheck the issue.

Kind Regards

Its still not good, please check again:
https://www.eautotoltokabel.hu/
https://besen.hu/
https://murczin.inpa.hu/
https://www.wallbox.hu

Hello,

Please clarify which version of Safari you use.

Looking forward to hearing back from you!

Kind Regards

14.0.2 (16610.3.7.1.9)

Hello,

Unfortunately, Safari 14 browser lacks the support of gap property for Flexbox. The following property is important to reduce CSS file size and to avoid an excessive DOM size, improving page speed. Woodmart started to implement this property after it was first used in WordPress default themes and Elementor builder. Using older browsers may not support features provided by WordPress since it requires two latest versions of Safari browser which is Safari 15 and Safari 16 to work properly (https://make.wordpress.org/core/handbook/best-practices/browser-support/).

Kind Regards

Than how should I fix this? Because this code can work:
.wd-nav>li {
margin-left: 15px;
}
But is it possible to detect <15 Safari ? Or can you fix this issue?

Than how should I fix this? Because this code can work:
.wd-nav>li {
margin-left: 15px;
}
But is it possible to detect <15 Safari ? Or can you fix this issue?

I have other websites with Impreza and there is no problem with the Menu: https://vihariauto.hu/

Hello,

There is no right way to fix it with the help of the CSS code because as I mentioned above, the old Safari browsers don’t support gap features. Also, it’s not one place where the gaps are used so in the future there will be more and more of this gap functionality because WordPress is increasingly adding this functionality to its builder.

As for the “Impreza”, they do not use the gap functionality therefore on the old browsers there is no such issue.

Kind Regards

[Author]

Posts