# One page web design - how to slide to sections from the fixed menu, instead of jumping to a new page

**URL:** <https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883>\
**Category:** Elements\
**Created:** [July 1, 2026, 3:31pm UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883 "2026-07-01T15:31:17Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![meonmac](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/meonmac/32/36720_2.png) [@meonmac](https://forums.realmacsoftware.com/u/meonmac)\
**Post date:** [July 1, 2026, 3:31pm UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883/1 "2026-07-01T15:31:17Z")

</div>

Hi everyone, still having on and off relationship with Elements but I am getting used to it.

I followed most of the tutorials but I cant find one which would describe how to link menu item to a section/specific container without leaving my home page but rather all do jump to a new page. I want to use FIXED menu so the sections are visible while scrolling the page.

I would prefer to click a menu item and smoothly slide to that section within one HOME page. How can I do it? The only item In the menu is HOME, but I want to have one page design with , sections like contact, what we do, social, about, subscribe . . I want these to be visible in the menu, and I just want to slide down to these instead of jumping to a new page.

Is there a tutorial on this somewhere? I understand I need to create ID in the Advance menu but its still limited to the menu items linked to different webpages rather then sections. (searched forum but only found something from 2015, all free projects have separate pages for menu items unfortunately. Here is an example what I am after. Thank you ! Mike

---

<div class="post-metadata">

**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:** [July 1, 2026, 4:56pm UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883/2 "2026-07-01T16:56:08Z")

</div>

@meonmac

Try this [https://youtu.be/VEqrlcXydTs?is=meUkKlnYFZoiUJey](https://youtu.be/VEqrlcXydTs?is=meUkKlnYFZoiUJey)

Just create your own menu

---

<div class="post-metadata">

**Author:** ![meonmac](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/meonmac/32/36720_2.png) [@meonmac](https://forums.realmacsoftware.com/u/meonmac)\
**Post date:** [July 1, 2026, 5:11pm UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883/3 "2026-07-01T17:11:24Z")

</div>

Thanks Steve. Yes, I did saw this one, links from text within the page, thats not what I am after. I need to be able to add Container name / Section name from within that one page design into Fixed Menu. Coming from Blocs, it’s pretty easy.

---

<div class="post-metadata">

**Author:** ![MultiThemes](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/multithemes/32/25117_2.png) [@MultiThemes](https://forums.realmacsoftware.com/u/MultiThemes)\
**Post date:** [July 1, 2026, 5:42pm UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883/4 "2026-07-01T17:42:59Z")

</div>

> [@meonmac](#):
>
> I need to be able to add Container name / Section name from within that one page design into Fixed Menu

Something similar this [NoirOne](https://www.multithemes.com/elements/projects/noirone/) or to [LinearOne](https://www.multithemes.com/elements/projects/linearone/)?

---

<div class="post-metadata">

**Author:** ![meonmac](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/meonmac/32/36720_2.png) [@meonmac](https://forums.realmacsoftware.com/u/meonmac)\
**Post date:** [July 1, 2026, 6:15pm UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883/5 "2026-07-01T18:15:10Z")

</div>

Yes. Great design and dynamic. I prefer the first one. Great work. I don’t think I have seen anything similar done by Elements. 👍🏻 how did you made that Sticky menu?

---

<div class="post-metadata">

**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:** [July 1, 2026, 6:16pm UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883/6 "2026-07-01T18:16:57Z")

</div>

ok did this ages ago, basic, just turn modal into a top menu

[elementsapp://downloadDocument/cBNJu9hedbry](elementsapp://downloadDocument/cBNJu9hedbry)

---

<div class="post-metadata">

**Author:** ![MultiThemes](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/multithemes/32/25117_2.png) [@MultiThemes](https://forums.realmacsoftware.com/u/MultiThemes)\
**Post date:** [July 1, 2026, 6:41pm UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883/7 "2026-07-01T18:41:06Z")

</div>

> [@meonmac](#):
>
> Yes. Great design and dynamic. I prefer the first one. Great work. I don’t think I have seen anything similar done by Elements.

Design is a component that is not included in Elements, you cannot buy it unless you get it from the designers 😎

> [@meonmac](#):
>
> 1t2: how did you made that Sticky menu?

> **[Menu | RapidWeaver Elements Docs](https://docs.realmacsoftware.com/elements-docs/using-elements/components/navigation-and-interaction/navigation-standard)**
>
> Build responsive navigation automatically from your site pages

---

<div class="post-metadata">

**Author:** ![meonmac](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/meonmac/32/36720_2.png) [@meonmac](https://forums.realmacsoftware.com/u/meonmac)\
**Post date:** [July 1, 2026, 6:50pm UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883/8 "2026-07-01T18:50:13Z")

</div>

Thank you, did you use Sticky Menu for the Noire web? How to create custom names and link those to the sections on the page and not separate pages then? That’s what I am trying to figure out.

---

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [July 1, 2026, 7:11pm UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883/9 "2026-07-01T19:11:21Z")

</div>

The easiest way to accomplish this is by using anchors. You can define a custom ID in the Advanced section of the settings for each of the sections you want to be able to navigate to. Then you can create links to these anchors that will allow you to move to each section when the link is activated.

There are a number of ways you could expose these links; one would be to create a folder with all of the links you need, then use the Top Pages component to expose them by pointing it to the folder of links. You could also create individual buttons for each of the sections and set their links to point to the appropriate anchor.

I use anchors all the time to accomplish in-page navigation; it really helps getting around within a page.

---

<div class="post-metadata">

**Author:** ![MultiThemes](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/multithemes/32/25117_2.png) [@MultiThemes](https://forums.realmacsoftware.com/u/MultiThemes)\
**Post date:** [July 1, 2026, 7:21pm UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883/10 "2026-07-01T19:21:59Z")

</div>

> [@handshaper](#):
>
> You can define a custom ID in the Advanced section of the settings for each of the sections you want to be able to navigate to. Then you can create links to these anchors that will allow you to move to each section when the link is activated.

👍

> **[Tesla2 for RapidWeaver Elements](https://store.elementsapp.io/projects/tesla2)**
>
> Where iconic RapidWeaver heritage meets modern creativity, reimagined for Elements. Projects inspired by the best RapidWeaver Classic free themes, now…

---

<div class="post-metadata">

**Author:** ![meonmac](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/meonmac/32/36720_2.png) [@meonmac](https://forums.realmacsoftware.com/u/meonmac)\
**Post date:** [July 1, 2026, 7:22pm UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883/11 "2026-07-01T19:22:23Z")

</div>

Thank you all. looks like that Sticky Menu is not the right component for this purpose and I will need to create custom Menu as recommended by most of you. Adding text / buttons for the ID link to the sections. Thanks for your time, much appreciated 🙏

---

<div class="post-metadata">

**Author:** ![MultiThemes](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/multithemes/32/25117_2.png) [@MultiThemes](https://forums.realmacsoftware.com/u/MultiThemes)\
**Post date:** [July 1, 2026, 7:24pm UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883/12 "2026-07-01T19:24:47Z")

</div>

> [@meonmac](#):
>
> Sticky Menu is not the right component for this purpose

You can also use a standard menu for the anchor links on the page like [NoirOne](https://www.multithemes.com/elements/projects/noirone/) or create a more sophisticated manual nav like [LinearOne](https://www.multithemes.com/elements/projects/linearone/)

---

<div class="post-metadata">

**Author:** ![meonmac](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/meonmac/32/36720_2.png) [@meonmac](https://forums.realmacsoftware.com/u/meonmac)\
**Post date:** [July 1, 2026, 7:24pm UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883/13 "2026-07-01T19:24:52Z")

</div>

Thanks, yes. This is the only way. For some reason I was stuck with the Sticky menu 😉

---

<div class="post-metadata">

**Author:** ![PatrickBenner](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/patrickbenner/32/35504_2.png) [@PatrickBenner](https://forums.realmacsoftware.com/u/PatrickBenner)\
**Post date:** [July 1, 2026, 8:02pm UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883/14 "2026-07-01T20:02:03Z")

</div>

Pssst…check spelling in the Noir \> Contacts, the little slide out box on the left. 😉

---

<div class="post-metadata">

**Author:** ![MultiThemes](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/multithemes/32/25117_2.png) [@MultiThemes](https://forums.realmacsoftware.com/u/MultiThemes)\
**Post date:** [July 1, 2026, 9:23pm UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883/15 "2026-07-01T21:23:42Z")

</div>

thanks! Build updated

---

<div class="post-metadata">

**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:** [July 2, 2026, 5:13am UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883/16 "2026-07-02T05:13:39Z")

</div>

project

[elementsapp://downloadDocument/BJDp1HMwaRhq](elementsapp://downloadDocument/BJDp1HMwaRhq)

converted to top I just pulled the flex out of the modal and turned it row rather than column

---

<div class="post-metadata">

**Author:** ![meonmac](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/meonmac/32/36720_2.png) [@meonmac](https://forums.realmacsoftware.com/u/meonmac)\
**Post date:** [July 2, 2026, 5:19am UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883/18 "2026-07-02T05:19:36Z")

</div>

Thank you. Thats great.

---

<div class="post-metadata">

**Author:** ![Berthold](https://avatars.discourse-cdn.com/v4/letter/b/b2d939/32.png) [@Berthold](https://forums.realmacsoftware.com/u/Berthold)\
**Post date:** [July 2, 2026, 8:08am UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883/19 "2026-07-02T08:08:39Z")

</div>

That’s a very impressive example. But how does it work? I can’t find a link anywhere.

---

<div class="post-metadata">

**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:** [July 2, 2026, 8:24am UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883/20 "2026-07-02T08:24:50Z")

</div>

Here’s the simple way to link from the menu component to different sections on a page 🙂

---

<div class="post-metadata">

**Author:** ![meonmac](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/meonmac/32/36720_2.png) [@meonmac](https://forums.realmacsoftware.com/u/meonmac)\
**Post date:** [July 2, 2026, 8:30am UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883/21 "2026-07-02T08:30:24Z")

</div>

THIS !!! ohh, that magic Right Click. Thank you Dan. I knew there must have been some easy way to this. This is golden.

[Next page](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883.md?page=2)
