The term sticky refers to a positioning in web design.
Sticky elements align their position with something else, usually the browser window.
A sticky element maintains its position on the screen while scrolling.
This allows page elements to be reliably positioned.
Here's how to add a sticky background for a row:
- Open a landing page, website page, or a course theme in the Pagebuilder.
- Add a section.
- Add a row.
- Click on the gear icon of the component to configure the component in the side menu.
- Click on the image icon.
You have the following options:- Use an uploaded image by clicking on the image you want to use.
- Switch to the Library tab.
-
Switch to another tab.
Each tab displays a different source for content. Sources and contents may change.
- Upload a new image:
- Click on Upload image.
- Click on the uploaded image.
- Use an uploaded image by clicking on the image you want to use.
- Click the Add button.
-
In the Image position field, select where the chosen image should be positioned.
Select Full center (sticky).
- Click on the image icon.
- In the header bar, click on Save.