Sticky Sidebars

Legacy Doc

Last Update: May 17, 2024

Important Note: This document covers a legacy method. Please see our Legacy Features document for an overview of legacy methods, and their up to date counterparts.

You have the option to enable sticky sidebars on your Avada website. When the Sticky Sidebar is enabled, the sidebar will scroll with the content as the viewer moves down the page. Once the bottom of the sidebar enters the viewport, it will become stationary and stay in place as the viewer scrolls down to the bottom. If the sidebar is already shorter than the content of the page, it will begin as a sticky sidebar and remain fixed on the screen as the viewer scrolls down the page.

For more information on Widgets Sections and Sidebars in Avada, see our post on Assigning Widget Areas to Sidebars.

Enabling Sticky Sidebars Site Wide

You can enable the Sticky Sidebar feature for all sidebars on your site globally, through the Avada Global Options. You’ll find this setting in Avada > Options > Sidebars > Sidebar Styling. You can enable the Sticky Sidebar effect for “Sidebar 1”, “Sidebar 2” or select “Both” to have the effect on both right and left sidebars when using a dual sidebar layout.

Enabling Sticky Sidebars Per Post or Page

If you want to have a variation for a post or page from how your site’s sidebar behaves globally, you can use the Avada Page options to make adjustments that will affect only that post/page. These settings will override whatever you have set in your global options.

To find these settings, open the editor of the post or page you’re working on, and then navigate to the Avada Page Options (at the bottom of the page with Avada Builder, and in the Sidebar in Avada Live). Check under the Sidebar tab to find the Sidebar’s settings.

Select Sidebar 1: This setting is where you can choose which Widget Area to assign to the page’s sidebar. Details on the differences between Widgets and Widget Areas can be found here.
Select Sidebar 2: This is optional and can be used to select the Widget Area for your page’s second sidebar, if you’re doing a dual sidebar layout.
Sidebar 1 Position: This is where you can select the position of the primary sidebar. Choose between Left, Right or Default which will use your Global Options setting.
Sticky Sidebars: This is where you can select which Sidebars on the page will be sticky when scrolling. Choose None if you want to have your sidebar(s) behave normally. Choose Default if you want to have the global behavior as set in the Global Options. Choose between Sidebar 1 or Sidebar 2 to be sticky respectively. Choose Both for both sidebars in a dual sidebar layout to be sticky.