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.

Code Example

<div class="sidebar sticky-sidebar-wrap nobottommargin clearfix">
	<div class="sidebar-widgets-wrap">
		<div class="sticky-sidebar">

			... Your Sidebar Widgets


How to Use

  • Step 1

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

  • Step 2

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

  • Step 3

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


Setting Description

Sticky Sidebar Offset from Top in pixels.

Ex: data-offset-top="110"


Sticky Sidebar Offset from Bottom in pixels.

Ex: data-offset-bottom="50"

Last Modified: June 2, 2020