🎯 Purpose
The Menu Anchor widget allows you to create smooth scrolling navigation within the same page. It’s especially useful for one-page websites, landing pages, long content layouts, and FAQs—where users need to jump directly to specific sections.
⚙️ How It Works
Add the Widget
Drag and drop the Menu Anchor widget to the beginning of any section you want to target.Set a Unique ID
Assign a short, unique name (likeabout,features, orcontact-us). This acts as the anchor point.Create the Link
Wherever you want to link from—buttons, navigation menus, or text—use#your-anchor-id(e.g.,#about) as the link. When clicked, it scrolls smoothly to the anchored section.
🚀 Use Cases
One-Page Websites: Navigation items link directly to different sections on the same page.
Call-to-Action Buttons: Smoothly guide visitors to forms, pricing, or contact areas.
Table of Contents or FAQs: Jump from summary links to detailed answers.
⚠️ Notes & Tips
It works only for scrolling within the same page.
Anchor IDs should be simple, lowercase, and contain only letters, numbers, hyphens, or underscores.
If you’re using a sticky header, consider adding offset space to prevent the anchor from hiding behind it.
The widget is invisible on the frontend and takes up no visual space—it functions purely as a scroll destination.
The Menu Anchor widget is a fast and flexible tool to enhance page navigation and improve user experience—especially in longer layouts or scroll-based designs.
