# Tutorial: How to Build a Sticky Menu - Part 1 **URL:** \ **Category:** Elements\ **Created:** [January 22, 2025, 3:15pm UTC](https://forums.realmacsoftware.com/t/tutorial-how-to-build-a-sticky-menu-part-1/46037 "2025-01-22T15:15:20Z")\ **Posts on this page:** 12\ **Page:** 3
**Author:** ![pumpkin](https://avatars.discourse-cdn.com/v4/letter/p/ccd318/32.png) [@pumpkin](https://forums.realmacsoftware.com/u/pumpkin)\ **Post date:** [January 26, 2025, 12:25pm UTC](https://forums.realmacsoftware.com/t/tutorial-how-to-build-a-sticky-menu-part-1/46037/41 "2025-01-26T12:25:33Z")
Yeah, still feels weird to have to do that just to get the transition working 😉 ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [January 26, 2025, 12:37pm UTC](https://forums.realmacsoftware.com/t/tutorial-how-to-build-a-sticky-menu-part-1/46037/42 "2025-01-26T12:37:50Z")
If the transition classes aren’t applied you won’t get the smooth animation, ideally you’d add those to the custom classes area, but as I said, this is currently not working (re-check in the next beta). Setting the Effects is a workaround for now. ---
**Author:** ![jbyfield](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbyfield/32/82_2.png) [@jbyfield](https://forums.realmacsoftware.com/u/jbyfield)\ **Post date:** [May 21, 2025, 8:05am UTC](https://forums.realmacsoftware.com/t/tutorial-how-to-build-a-sticky-menu-part-1/46037/43 "2025-05-21T08:05:49Z")
So I have put a sticky menu on my first attempt at an [Elements](https://elementsapp.io/) site and it works great on a desktop. On a mobile however the menu is different and the first two items on it sit behind the sticky menu and are therefore not visible or clickable. Obviously a setting somewhere but I cannot find it. In the screenshot below there are two menu items above Terms and Conditions but they are obscured by the sticky menu. Any idea how I change that? Can I somehow turn off the sticky menu for smaller screens where it collapses the menu? Draft site based on the North Eleven example - [https://www.blackrockq.com/](https://www.blackrockq.com/) ![sticky](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/7/5/756ab34cab8eb07b04f44249eb40c67dfe4c04b0.jpeg) ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [May 21, 2025, 8:36am UTC](https://forums.realmacsoftware.com/t/tutorial-how-to-build-a-sticky-menu-part-1/46037/44 "2025-05-21T08:36:56Z")
@jbyfield, wow, I have to say, the site is looking great, nice work 👌 Can you share the project via [Elements cloud](https://docs.realmacsoftware.com/elements-docs/elements-cloud/account-sign-up)? That way I can take a look and see what the fix is, I’m sure it’s something very trivial, I just need to see the project 😊 ---
**Author:** ![jbyfield](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbyfield/32/82_2.png) [@jbyfield](https://forums.realmacsoftware.com/u/jbyfield)\ **Post date:** [May 21, 2025, 9:04am UTC](https://forums.realmacsoftware.com/t/tutorial-how-to-build-a-sticky-menu-part-1/46037/45 "2025-05-21T09:04:28Z")
Thanks Dan. Have chucked it on the cloud but unclear how to share it, even after watching Episode 35. Have to say, your videos make [Elements](https://elementsapp.io/) for me, I probably would not have managed without them. Now, after 24 hours, I can’t imagine going back to RW. One other issue when you get it is that a Flex with three SVG files suddenly appeared in the header after publishing. Must be a hangover from North Eleven but I never saw them and had trouble deleting them. Then I found it kept recovering the files. Mobile Content, Logo and Trigger appeared in the node display as well. Am tempted to start from scratch if they appear again, now I seem to be getting the hang of things. ---
**Author:** ![jbyfield](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbyfield/32/82_2.png) [@jbyfield](https://forums.realmacsoftware.com/u/jbyfield)\ **Post date:** [May 21, 2025, 9:05am UTC](https://forums.realmacsoftware.com/t/tutorial-how-to-build-a-sticky-menu-part-1/46037/46 "2025-05-21T09:05:19Z")
elementsapp://downloadDocument/l6EBV3jr5GoQ ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [May 21, 2025, 3:58pm UTC](https://forums.realmacsoftware.com/t/tutorial-how-to-build-a-sticky-menu-part-1/46037/47 "2025-05-21T15:58:09Z")
Hey @jbyfield, Okay, after a little playing around I managed to fix the issue for you, here’s a video explaining how… And here’s the project with the Home and One Bedroom pages fixed (as I did in the video) 👉 [Open Updated Project in Elements](elementsapp://downloadDocument/9j7xPhQp4ZRZ) Let me know if you have any more questions 😊 _P.S. You should [post this website in the Built with Elements category](https://forums.realmacsoftware.com/c/rapidweaver-elements/built-with-elements/63), as it’s awesome!_ ---
**Author:** ![jbyfield](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbyfield/32/82_2.png) [@jbyfield](https://forums.realmacsoftware.com/u/jbyfield)\ **Post date:** [May 21, 2025, 9:03pm UTC](https://forums.realmacsoftware.com/t/tutorial-how-to-build-a-sticky-menu-part-1/46037/48 "2025-05-21T21:03:31Z")
That’s great, thanks for the video Dan. Obviously I didn’t quite follow the Sticky instructions to the letter. It is a very very basic site and a total rip off of your North Eleven. Still got a couple of issues to sort in there for mobile viewing before I tell the boss I have upgraded it. I expect the font family will change and perhaps some background colours will be going in as well. Just needed to publish to see how it works. Thanks again, you have saved me from a frustrating few hours. ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [May 21, 2025, 9:06pm UTC](https://forums.realmacsoftware.com/t/tutorial-how-to-build-a-sticky-menu-part-1/46037/49 "2025-05-21T21:06:11Z")
You’re welcome, and always post on the forum if you get stuck. We’re always around to help out 😊 Fingers crossed the boss loves it! ---
**Author:** ![Michel66](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michel66/32/29446_2.png) [@Michel66](https://forums.realmacsoftware.com/u/Michel66)\ **Post date:** [June 21, 2025, 2:14pm UTC](https://forums.realmacsoftware.com/t/tutorial-how-to-build-a-sticky-menu-part-1/46037/50 "2025-06-21T14:14:45Z")
wow thank you 🙏 Looks really great, love it ! ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [June 22, 2025, 6:20am UTC](https://forums.realmacsoftware.com/t/tutorial-how-to-build-a-sticky-menu-part-1/46037/51 "2025-06-22T06:20:46Z")
@dan My thoughts on this, might be wrong and just my case so far on my use of Elements I believe all Containers are set to z-30, the menu not sure out of the box what the z setting is If you set the Menu to z-31 that should be all you need to do, no need to even click on isolate for the Menu No idea what image z setting is if dropped on page as is I suppose it depends on how many z settings are used in the rest of the site, I assume this would be same for this site Again might be wrong It would be useful to understand what z settings for all components are set ---
**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\ **Post date:** [June 22, 2025, 5:08pm UTC](https://forums.realmacsoftware.com/t/tutorial-how-to-build-a-sticky-menu-part-1/46037/52 "2025-06-22T17:08:43Z")
`z-index`-ing can become complicated quickly. It can depend on, among other things, the structure of your site, the `position` setting you have on components, the `isolate` setting, and obviously the individual `z-index`. There is no bullet proof way of ensuring one component is displayed above all other components all of the time. The Power of Elements is that it allows you to create virtually any design and layout combination you can imagine, but with great power comes great responsibility — you can get yourself in a pickle with many components fighting for the top z-index spot. [Previous page](https://forums.realmacsoftware.com/t/tutorial-how-to-build-a-sticky-menu-part-1/46037.md?page=2)