Unwind theme sticky nav menu animates

Open 1 reply technical theme theme-unwind

8 years ago · Last reply by Alex S 8 years ago

Folks, I’m having the same problem as Brendan in this thread: https://siteorigin.com/thread/animated-main-menu-when-sticky-enabled/

But comments are closed there. So I’m starting over, with apologies.

In the Unwind theme, the sticky menu animates with a full spiral every time it appears. This only occurs on the site Home Page. In fact, if I create a new blank page and then set it as the Home Page, the sticky nav animates. Set back to just a regular page, no animation. All other pages on the site do not animate.

I’m on a launch deadline, so based on info in the previous thread, I’ve added the following to my custom CSS. That seems to solve the immediate problem, but I’d hope that there’s a more elegant solution available.

/* Override for SiteOrigin Unwind sticky nav animation */
@-webkit-keyframes a{to{-webkit-transform:rotate(0turn);transform:rotate(0turn)}}
@keyframes a{to{-webkit-transform:rotate(0turn);transform:rotate(0turn)}}

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

Alex S Staff 8 years, 15 days ago
Hi Misc,
We’re very sorry about this! This was as a result of a minify issue. This will be fixed in the next update. In the meantime, I would recommend using the following CSS to prevent this issue:
```
.sticky-menu.sticky-bar-out #masthead .sticky-bar {
	-webkit-animation: .3s ease-in;
	animation: .3s ease-in;
}
```
This prevents the media elements (the video player on your website) from being affected by this issue.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.