Safari menu text transform does not always work

[Jeremy]

Jeremy

March 5, 2018 at 4:19 pm

Ben,
I am using this on the .sticky menu to make the text transform.

#menu-main-menu a {
line-height: normal !important;
padding-top:85px;
-webkit-transition: 0.25s ease-out;
-moz-transition: 0.25s ease-out;
-o-transition: 0.25s ease-out;
transition: all 0.25s ease-out !important;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}

.is-sticky #menu-main-menu a {
padding-top:20px !important;
-webkit-transition: 0.25s ease-out;
-moz-transition: 0.25s ease-out;
-o-transition: 0.25s ease-out;
transition: all 0.25s ease-out !important;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}

In Safari 11.03 on the OS X it does not always do the transform. sometimes it leaves the text in place.

Any ideas?

Jeremy