How to Config Sticky Sidebar?

The theme supports the sticky sidebar feature for the whole website and per page created by Ruby Composer.

Global Sticky Sidebar Setting

This setting will apply to whole your website: single, archive, blog, and other default pages.

  1. Navigate to Theme Options > Sidebar Settings
  2. Enable the Sticky Sidebars option.
  3. Save your changes.

Sticky Sidebar for Ruby Composer

The theme supports individual sticky sidebar option for the Content with Sidebar sections in pages built with Ruby Composer.

To getting started, follow the steps below:

  1. Navigate to Pages > All Pages, then click on the edit link the page you would like to edit.
  2. Open the Content with Sidebar sections you want to enable sticky sidebar.
  3. Select the “Sidebar Settings” tab under the block panel.
  4. Select the “Sticky Sidebar” under the Sticky option.

Refer to How to Build your Homepage? for further information.

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:

  1. Navigate to the Live Elementor editor panel.
  2. Navigate to the section you want to edit.
  3. Click on the  Content area to open the panel.
  4. Select the Advanced tab.
  5. Input rbc-content into the CSS Classes input field.

Next steps:

  1. Click on the sidebar section to navigate to Edit Sidebar Panel.
  2. Select the Advanced tab.
  3. Input sidebar-inner into the CSS Classes input field.

Next steps:

  1. Click on the Sidebar Column edit button.
  2. Select the Advanced tab.
  3. Input sidebar-sticky into the CSS Classes input field.

Save your changes and check the result.

 

Was this page helpful?

Still no luck? We can help!

Contact us and we’ll get back to you as soon as possible.