The theme supports the sticky sidebar feature for the whole website and per page created by Elementor.
Global Sticky Sidebar Setting
This setting will apply to whole your website: single, archive, blog, and other default pages.
- Navigate to Theme Options > Sidebar Area
- Enable the Sticky Sidebar option.
- Save your changes.
Sticky Sidebar for Elementor
The page HTML structure is totally created by this plugin, so If you would like to enable the sticky sidebar feature for a section, you need to add a few classnames.
To getting started, Follow the steps below:
- Navigate to the Live Elementor editor panel.
- Navigate to the section you want to edit.
- Click on the Sidebar Column edit button.
- Select the Advanced tab.
- Input rb-sticky is-sidebar into the CSS Classes input field
Save your changes and check the result.
Beginning with version 3.16.6 of Elementor, Flexbox Elementor containers enable the design of device-responsive web pages using containers similar to the CSS Flexbox. This feature replaces columns in previous versions.
If you are using the Container to create a sticky sidebar, follow the steps below:
- Navigate to the Live Elementor editor panel.
- Navigate to the section you want to edit.
- Click on the icon to edit the sidebar container.
- Select the Layout tab
- After clicking on the Layout tab, navigate to the Container section to find the Direction option, then select Column – vertical as shown in the screenshot below.
- Select the Advanced tab.
- Input rb-sticky into the CSS Classes input field
