Fixed Background

A simple effect to bring more depth to the layouts.

Fixing a background image in a section is a simple yet effective way to add depth and visual dynamics to your design. A fixed background image remains in a static position while the rest of the page content scrolls over it. This effect can be particularly impressive with large images or in hero sections (e.g., header sections).

circle-info

What does this mean exactly?

When you fix a background image, it stays in a static position within the user’s viewport. While the text and other content of the section scroll normally, the background image remains anchored in place. This creates a visual effect that distinguishes the section from others and draws attention.

How to Fix a Background Image in a Section:

  1. Select Section: Choose the section where you want to use a fixed background image.

  2. Add Background Image: Upload a background image or select an existing image from the media library.

  3. Fix Background Image: Open the advanced section settings of the CMS Bundle and go to the Background area. Here you’ll find the option Fixed Background Image. Enable this setting.

Last updated