- This topic has 2 replies, 2 voices, and was last updated 8 years, 9 months ago by .
- The topic ‘Sticky Menu Issue in Beautiful Pro’ is closed to new replies.
These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.
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 HEREhttp://www.slamweb.org/SLAM
The issue may be related to this code:
-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.
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!
© 2024 WPEngine, Inc.