Mastering Anchor Links in Bricks Builder: Smooth Scrolling Made Easy

2 min read

Glide To Sections Seamlessly Master Anchor Links

Frustrated with jumpy page scrolls on your WordPress site? Anchor links fix that by letting visitors glide smoothly to sections. In Bricks Builder, it’s simple: Add a unique ID to your target element, link to it with #id, and add one line of CSS for smoothness. Done—your site feels pro.

At net.radditopro.com/, we craft Bricks Builder templates that include these tweaks built-in. Our premium kits save you time on UI/UX polish.

What Are Anchor Links and Why Use Them?

Anchor links jump users to specific page spots. Think “Skip to FAQ” buttons.

Benefits for Your Site

  • Improves navigation.
  • Boosts user experience.
  • Keeps visitors engaged longer.

We use them in our landing page templates for niches like e-commerce and portfolios.

How Do You Set Up Anchor IDs in Bricks Builder?

Select your section or heading in the editor.

Step-by-Step Guide

  1. Go to Advanced tab.
  2. Find HTML Anchor field.
  3. Enter a unique ID, like “about-us”.
  4. Save changes.

Our Bricks templates come pre-ID’d for easy customization.

How Do You Create the Anchor Link?

Add a button or text link anywhere.

Quick Setup

  • Set URL to #about-us.
  • Style it to match your design.

In Raddito’s UI kits, links are responsive and Tailwind-ready for seamless integration.

How to Add Smooth Scrolling Without Code Hassles?

Default scrolls snap. Fix it with CSS.

Easy CSS Fix

Add this to Bricks > Settings > Custom Code:

html {
    scroll-behavior: smooth;
}

For sticky headers, use JS offsets. Our experts at Raddito test these in real templates—grab one from net.radditopro.com/ to skip trials.

What If Issues Pop Up in Bricks?

Common glitches: Conflicts with plugins or themes.

Troubleshooting Tips

  • Check for relative URLs only (#id, not full paths).
  • Disable AJAX if loading slows scrolls.
  • Test on mobile—our templates are optimized for all devices.

With 5+ years in WordPress dev, we’ve solved these in hundreds of builds. Raddito’s free templates let you experiment risk-free.

Ready for pro sites? Explore net.radditopro.com/'s Bricks Builder kits today.

FAQs

Do anchor links work on all browsers?

Yes, modern ones support smooth CSS. Older need JS fallback.

Can I use anchors across pages?

No, same-page only. For multi-page, use full URLs with #id.

Are Raddito templates anchor-ready?

Absolutely. Premium ones include smooth scrolls and IDs for businesses like yours. Download free starters at net.radditopro.com/.

Table of Contents

Share this article:
Our White-Label Web Services

White-label web services are web services delivered under your brand but fulfilled by a third party. Your clients never interact with the provider. To them, you are the expert, the agency, the solution.

Solutions we provide: