Sticky Header in Safari available but not visible (JavaScript Class sticky added)

Question

I added a sticky Header to my webshop, and it works fine with FF, Chrome, Edge.

In Safari (Windows 10) JavaScript is executed, the header is fixed and transformed - but not visible!

When the Cursor is on the positions of the Menu-Buttons the Tooltips/Link-Titles are showing, also I can use them and click on them.

But its invisible! Because Safari is build by apple I know that´s a feature, not a bug - but it would be very helpful, when the header would be visible to safari-users also!

You can look at it here: https://www.toner-dumping.de - any suggestions?

well it's 2018 who cares safari for windows ? – Ismail Farooq Mar 09 '18 at 14:14 — Ismail Farooq, Mar 09 '18 at 14:14

score 0 · Answer 1 · answered Mar 09 '18 at 14:17

0

Try this

#kopfmenue_responsive {
    z-index: 9999;
}

answered Mar 09 '18 at 14:17

Anzil khaN

1,974
1
19
30

score 0 · Answer 2 · answered Mar 09 '18 at 14:23

0

Looks like safari bug

Just Remove z-index from #kopfmenue_responsive.sticky

answered Mar 09 '18 at 14:23

Ismail Farooq

6,309
1
27
47

Sticky Header in Safari available but not visible (JavaScript Class sticky added)

2 Answers2