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).

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.