# Can't seem to get sticky nav to work **URL:** \ **Category:** Styling (CSS)\ **Created:** [November 25, 2018, 9:30pm UTC](https://forum.pinegrow.com/t/cant-seem-to-get-sticky-nav-to-work/2440 "2018-11-25T21:30:21Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![andrew](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@andrew](https://forum.pinegrow.com/u/andrew)\ **Post date:** [November 25, 2018, 9:30pm UTC](https://forum.pinegrow.com/t/cant-seem-to-get-sticky-nav-to-work/2440/1 "2018-11-25T21:30:21Z")
I’m experimenting with Bootstrap, and it may be just that it’s been a long day 🙂 but I can’t figure out what to change to get the navbar to be sticky… Page is [here](http://www.turnerdesign.com/pinetest/). I’ve tried changing it, but it doesn’t do anything… probably just missing something obvious. Any help appreciated! ---
**Author:** ![Printninja](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/printninja/32/1181_2.png) [@Printninja](https://forum.pinegrow.com/u/Printninja)\ **Post date:** [November 26, 2018, 3:16am UTC](https://forum.pinegrow.com/t/cant-seem-to-get-sticky-nav-to-work/2440/2 "2018-11-26T03:16:09Z")
You have the CSS class .position-sticky applied to your navigation (which I assume you added through the display panel dropdown), but there are no CSS rules defined for this class, nor can I find it in your CSS files. To make the navigation sticky, you need to select the navigation, apply the class .sticky-top, and then your navigation will stick. Go to the properties panel and click the “+ Add class” button, then type in “sticky-top” in the search bar and click the “add class” button. ---
**Author:** ![housler](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/housler/32/150_2.png) [@housler](https://forum.pinegrow.com/u/housler)\ **Post date:** [November 26, 2018, 10:01am UTC](https://forum.pinegrow.com/t/cant-seem-to-get-sticky-nav-to-work/2440/3 "2018-11-26T10:01:16Z")
Hey Andrew, You may want to check your path first for your js files. Fix the errors first. I got a status 404 on some js files. ---
**Author:** ![andrew](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@andrew](https://forum.pinegrow.com/u/andrew)\ **Post date:** [November 26, 2018, 3:03pm UTC](https://forum.pinegrow.com/t/cant-seem-to-get-sticky-nav-to-work/2440/4 "2018-11-26T15:03:15Z")
Perfect, thanks. I’ll have to look into the “sticky” property… ---
**Author:** ![andrew](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@andrew](https://forum.pinegrow.com/u/andrew)\ **Post date:** [November 26, 2018, 3:04pm UTC](https://forum.pinegrow.com/t/cant-seem-to-get-sticky-nav-to-work/2440/5 "2018-11-26T15:04:45Z")
Hi housler - It seems to be working now - how are you finding the errors? cheers ---
**Author:** ![housler](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/housler/32/150_2.png) [@housler](https://forum.pinegrow.com/u/housler)\ **Post date:** [November 26, 2018, 6:34pm UTC](https://forum.pinegrow.com/t/cant-seem-to-get-sticky-nav-to-work/2440/6 "2018-11-26T18:34:15Z")
Hey Andrew, I’m using the code inspector on chrome. F-12 You still have 1 error but it’s just the favicon. ![pg_error](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/c/cd09689c9586c2a25ffab3c0a8e9ec19a2025a1a.jpeg) ---
**Author:** ![randyrie](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/randyrie/32/2103_2.png) [@randyrie](https://forum.pinegrow.com/u/randyrie)\ **Post date:** [November 27, 2018, 8:59pm UTC](https://forum.pinegrow.com/t/cant-seem-to-get-sticky-nav-to-work/2440/7 "2018-11-27T20:59:55Z")
Just curious… what’s the difference between using fixed-top vs. sticky-top? ---
**Author:** ![Printninja](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/printninja/32/1181_2.png) [@Printninja](https://forum.pinegrow.com/u/Printninja)\ **Post date:** [November 28, 2018, 5:32am UTC](https://forum.pinegrow.com/t/cant-seem-to-get-sticky-nav-to-work/2440/8 "2018-11-28T05:32:42Z")
Fixed position forces an element to stay frozen to one spot relative to the viewport. Sticky allows an element to move within the viewport when you scroll until it reaches a certain point (usually the top) and then it “sticks” to that spot. [https://www.w3schools.com/css/css\_positioning.asp](https://www.w3schools.com/css/css_positioning.asp)