Bricks Builder, WordPress

Mastering Anchor Links in Bricks Builder: Smooth Scrolling Made Easy

Reading Time: 2 Minutes

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 Raddito.net, 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 raddito.net 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 Raddito.net’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 raddito.net.

Book Your Free 30-Minute Chat!

Pick a time that works for you – we’re flexible.

Let’s talk about how we can make things easier, together.

Glide To Sections Seamlessly Master Anchor Links
Social Share :