How to Create a Sticky Sidebar in Elementor Page

In order to would like to define a column section as a sidebar and would like sticky it in Elementor page.

Please follow the steps below:

1. Select a column for your sidebar.
2. In the settings panel, navigate to Advances > CSS Classes
3. Input the text as below: is-sidebar rb-sticky
4. Save you changes.

is-sidebar – this CSS classname will limit the width of the sidebar on the tablet devices

rb-sticky – this classname will make the sidebar sticky on the screen when you scroll through its parent section.

0

0