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.
<div class="sidebar sticky-sidebar-wrap nobottommargin clearfix">
<div class="sidebar-widgets-wrap">
<div class="sticky-sidebar">
... Your Sidebar Widgets
</div>
</div>
</div>
Add the .sticky-sidebar-wrap
Class to your .sidebar
Container.
Create a .sticky-sidebar
Container just inside the .sidebar-widgets-wrap
Container.
Enclose all your Sidebar Widgets inside the .sticky-sidebar
Container.
Setting | Description |
---|---|
|
Sticky Sidebar Offset from Top in pixels. Ex: |
|
Sticky Sidebar Offset from Bottom in pixels. Ex: |
Last Modified: June 2, 2020