Canvas Docs

Sticky Sidebar

You can easily transform your existing Sidebar Content into Sticky Content with minimal setup:

Note: The Sticky Sidebar Plugins currently works best with the Sidebar .sidebar Containers and Bootstrap Columns.

Usage

<div class="sidebar sticky-sidebar-wrap mb-0">
	<div class="sidebar-widgets-wrap">
		<div class="sticky-sidebar">

			... Your Sidebar Widgets

		</div>
	</div>
</div>

How to Use

  1. 1

    Step 1

    Add the .sticky-sidebar-wrap Class to your .sidebar Container.

  2. 2

    Step 2

    Create a .sticky-sidebar Container just inside the .sidebar-widgets-wrap Container.

  3. 3

    Step 3

    Enclose all your Sidebar Widgets inside the .sticky-sidebar Container.

Settings

SettingDescription
data-offset-topSticky Sidebar Offset from Top in pixels.
Example: 110
data-offset-bottomSticky Sidebar Offset from Bottom in pixels.
Example: 50