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
- Go to Advanced tab.
- Find HTML Anchor field.
- Enter a unique ID, like “about-us”.
- 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
Yes, modern ones support smooth CSS. Older need JS fallback.
No, same-page only. For multi-page, use full URLs with #id.
Absolutely. Premium ones include smooth scrolls and IDs for businesses like yours. Download free starters at raddito.net.