🎯 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 (like about, features, or contact-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.