November 22, 2023

Enable Scroll Snap in Bricks Builder for a Smooth Scrolling Experience

Play Video

Scroll Snap in Bricks Builder is a dynamic feature that enhances the scrolling experience on websites. It allows content to snap into place as users scroll, creating a smooth and engaging interaction. This tutorial will guide you through implementing and customizing Scroll Snap in Bricks Builder.


Please make sure you have the following installed and activated:

Understanding Scroll Snap

Scroll Snap is a CSS feature that controls the scrolling experience by snapping content into view. It’s used on popular websites like, providing a neat and organized user experience. Scroll Snap in Bricks Builder makes implementing this feature straightforward and customizable.

How to Implement Scroll Snap in Bricks Builder

  1. Open the page you want to create the scroll snap effect.
    Open the page you want to create the scroll snap effect
  2. Navigate to Settings > Page settings.
    Navigate to Settings > Page settings
  3. Choose the type of Scroll Snap, such as ‘mandatory Y-axis’.
    Choose the type of Scroll Snap, such as 'mandatory Y-axis'
  4. Save your changes and preview the effect on your page.

Customizing Scroll Snap

  • Alignment: Adjust the alignment of Scroll Snap (start, center, end) to change how sections snap into view.
  • Margin and Padding: Customize the margin and padding for Scroll Snap to control the snapping effect’s intensity.
  • Scroll Snap Stop: This option is particularly useful for trackpad users, as it controls the snapping behavior.

Advanced Tips and Tricks

Experiment with different settings to see how they affect your website’s scrolling experience. For example, try different alignments on sections with varying heights to see how they change the user interaction.

Additional Information


Scroll Snap in Bricks Builder is a versatile feature that can significantly enhance the user experience on your website. By following this guide, you can easily implement and customize Scroll Snap to suit your design needs.

Required Resources

Bricks Builder Logo
Payment required
Credit to Bricks
Bricks Builder's YouTube channel offers engaging tutorials on creating WordPress sites using their innovative visual site builder. Expect in-depth guides, showcasing how to design sites from scratch without coding. The channel caters to both beginners and advanced users, featuring tips on customization, performance optimization, and creative design techniques.
Enable Scroll Snap in Bricks Builder for a Smooth Scrolling Experience
Welcome back!
Enter your Helwp credentials to sign in.

No Account yet? Sign Up

My Account
Give Feedback
Describe your feedback *
Rate Helwp
Problem *
Describe the problem
Want us to reply?
Your E-Mail
Affiliate Disclosure

At Helwp, we’re committed to transparency and honesty. Therefore, we want to inform you that some of the links on our website are affiliate links. This means that, at no additional cost to you, we may earn a small commission if you click through and make a purchase.

We only promote products or services that we genuinely believe in. These affiliate commissions help us to maintain the website and continue to provide you with free, high-quality WordPress content.

If you are interested in how you can support us even further, check out our support page.