Sticky Sidebars

21/05/2018

As of Avada 5.2, you have the option to enable sticky sidebars on your Avada site. 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 posts here.

Enabling Sticky Sidebars Site Wide

You can enable the Sticky Sidebar feature for all sidebars on your site globally, through the Avada Theme Options. You'll find this setting in WP Admin > Avada > Theme 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 Fusion Page options to make adjustments that will affect only that post/page. These settings will override whatever you have set in your global theme options.

To find these settings, open the editor of the post or page you're working on, then scroll to the bottom of the editor page to find the Fusion Page Options. Check under the Sidebar tab to find the Sidebar's settings.

    • Select Sidebar 1: - This setting is where you can choose which Widget Section to assign to the page's sidebar. Details on Widget Sections can be found here.
    • Select Sidebar 2: - This is optional and can be used to select the Widget Section 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 Theme 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 Theme 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.

    For more information on Widgets Sections and Sidebars in Avada, see our posts here.

    Recent Posts

    Recent Tweets

    For privacy reasons Twitter needs your permission to be loaded. For more details, please see our Privacy Policy.
    I Accept