To build a one-page website in Elementor with menu links that jump to sections, give each section a CSS ID (Advanced, CSS ID, for example services), then link menu items or buttons to #services. For links from other pages, use the full URL plus the ID (/#services). Add a scroll offset equal to your sticky header height so headings are not hidden.
- Set CSS IDs in Advanced, CSS ID, without the # sign.
- Link with #id on the same page, /#id from other pages.
- Fix sticky header overlap with scroll-margin-top.
- Use the Menu Anchor widget as an alternative.
- Keep IDs short, lowercase and unique.
How do you set up anchor links?
- Select the section container, Advanced, CSS ID: services.
- In Appearance, Menus (or the Nav Menu), add a custom link: #services.
- Repeat for about, pricing, contact.
- Add smooth scrolling (Elementor handles anchors smoothly by default in many setups).
- Add CSS
scroll-margin-top: 90pxto sections if a sticky header covers them.
Common anchor link problems
| Problem | Fix |
|---|---|
| Link does nothing | ID typed with # in the CSS ID field; remove it |
| Heading hidden under header | scroll-margin-top or offset |
| Link from blog page fails | Use /#services instead of #services |
| Mobile menu stays open | Enable close on click in menu settings |
Live 1-to-1 WordPress and Elementor lessons on your own site, from $40. Every lesson recorded. Beginners welcome.
When is a one-page site the right choice?
Picture an event organiser who needs a quick site: schedule, speakers, venue and tickets. A one-page site with anchor navigation is perfect. A service business that needs Google traffic for many services should use separate pages instead; see one-page vs multi-page websites.
Want to learn Elementor faster with a tutor?
I teach WordPress and Elementor 1-to-1 over Zoom or Google Meet, on your own website, at your pace. Lessons start at $40, every lesson is recorded so you can rewatch it, and you get a short checklist afterwards. Beginners, business owners, students and freelancers are all welcome. See lessons and prices or book a free intro call.
Frequently asked questions
How do I link to a section in Elementor?
Give the section a CSS ID in Advanced and link to #id from a menu or button.
Why does my Elementor anchor link not work?
Often the CSS ID includes a # sign, or the link from another page lacks the leading slash.
How do I stop a sticky header covering the section?
Add scroll-margin-top equal to the header height.
Is a one-page website good for SEO?
It can rank for one main topic; multi-page sites reach more searches.
Sources
Live 1-to-1 WordPress and Elementor lessons on your own site, from $40. Every lesson recorded. Beginners welcome.
More WordPress guides
Guide, 3 min readWordPress and Elementor Tutoring: Your Questions Answered
Guide, 3 min readWordPress Multisite Explained: Who Needs It (and Who Does Not)
Guide, 3 min readWordPress Comments and Spam: Settings That Keep Your Site Clean
Guide, 3 min readHow to Move WordPress to HTTPS (SSL) and Fix Mixed ContentRather have an expert run your WordPress site?
Tanvir H is a Bangladesh-based WordPress and Elementor web designer with 7+ years of experience, 650+ projects and a 4.9 client rating. New websites, redesigns, fixes, speed, security and SEO, handled by one expert who explains everything in plain English and works with clients worldwide.
