Menu icon Foundation
Sticky works elsewhere but not on my site

Sticky sounds straight-forward and I can get it to sing in codepens, but on my site I can't get it to work, almost like it's being completely ignored. Have I missed something?

 

http://wsuraids.lewsreviews.com/sticky.html

 

Here I've tried something simple, the black 'hello world' div at the top should stick but doesn't. What have I missed?

sticky

Sticky sounds straight-forward and I can get it to sing in codepens, but on my site I can't get it to work, almost like it's being completely ignored. Have I missed something?

 

http://wsuraids.lewsreviews.com/sticky.html

 

Here I've tried something simple, the black 'hello world' div at the top should stick but doesn't. What have I missed?

This post has been closed. No new replies can be added.

Lew Grant 3 months ago

moving $(document).foundation(); from the root of the script tag above my body element to either below the body element or into the $(document).ready(...) fixed the issue which I assume was that the foundation code responsible for sticky was being fired before the sticky element was in the DOM.

 

Cheers

Gordon Randall 3 months ago

This lightweight WordPress plugin will make your menu sticky on top of the page. You may see this very plugin in movement on this website, just scroll your mouse up and down and notice that menu is following your scroll My coursework help online.

The plugin is firstly designed to work with Twenty 13 theme, but must paintings on any topic. It’s the usage of .navbar CSS magnificence by using the default, and that’s the best aspect that needs to be changed for other topics to make it paintings. Look into your code to find suitable menu/navigation detail magnificence or identification. Visit Settings / myStickymenu and alternate Sticky elegance too.