Getting a Sticky Nav to work
-
I have a page (http://evolvinglove.us/onlinecourse/) on a new website I am building that has optimizepress installed as it’s theme that I’d like to place a sticky navigation on that page.
The navigation area is NOT in the header or right below the header. Right now the page is designed with 2 – 3 sections/rows ontop including a video. Underneath that video is where I’d like to place a sticky nav bar (horizontal).
At the moment I have created a string of links that are anchor tags to the page below. I’ve been unable to make it sticky after having downloaded the Sticky Menu (on anything) Plugin and also trying some CSS Scripts on that page. I’m not sure how to use that plugin as there aren’t any good instructions so I’m sort of guessing by defining a name for this navigation which I am calling .second-nav (class).
1) I tried defining that row with #second-nav in the CSS and also in the plugin settings and that didn’t work.
2) I tried adding this code to the Other Scripts>Custom CSS section of the page builder.second.nav
{
position: fixed;
top: 0;
}
And that didn’t work either.Can someone help me create a sticky nav or sticky row on my website?
The topic ‘Getting a Sticky Nav to work’ is closed to new replies.