Sticky Menu Issue in Beautiful Pro

[gdailey]

I am having an issue with my Sticky Menu in the Beautiful Pro theme. Utilizing THIS TUTORIAL. The menu works great; I even was able to modify it for responsiveness.

The problem I am having seems to be a graphical one. On Chrome and Firefox, the menu scrolls smoothly, sticking in place with no issue. On Safari, however, there is a weird glitch where the menu seems to "slide" in from the left of the screen upon scrolling to the sticky position. I've read a few forums on changing the JS (window v. document) with no change in the issue. Any suggestions or ideas I can explore to try to remedy this problem?

My website is HERE

http://www.slamweb.org/SLAM

[SavvyJackie]

Hi,
The issue may be related to this code:

.nav-primary.fix {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition:    all 0.3s ease-in-out;
	-ms-transition:     all 0.3s ease-in-out;
	-o-transition:      all 0.3s ease-in-out;
	transition:         all 0.3s ease-in-out;
}

When I commented it out - the menu in Safari worked.

---

Web Designer and Developer at Savvy Jackie Designs | Lucky with plants | @SavvyJackie

Got your question answered here? Please pay it forward by helping someone else. I’m sure there is at least one question you can answer. 🙂

[gdailey]

Wow thanks, that was an easy fix. I guess something about safari didn't like the transition CSS. Didn't affect Firefox, Opera, Chrome. Go figure.

Thanks for the help!

[Author]

Posts