What is the smart sidebar on your website? Does it help your visitors move through your site and access your most important content faster and easier? We are going to show you how to create and customize a really smart sidebar that would help you accomplish your website goals.
Using our theme you can create and assign different sidebars to different pages or categories. This gives you endless opportunities to add value to your website. The smart sidebar is an affix (sticky) sidebar that has auto resize and it scrolls with the content. It can be enabled site wide on all the pages that have a sidebar, or it can be enabled on a row in Visual Composer (see the end of this article).
Watch the video
Site wide usage
To Enable the Smart Sidebar navigate to Theme Panel > Template Settings > Smart Sidebar and activate the button.
Note: The following widgets are not supported in the smart sidebar:
- [tagDiv] Trending now
Note: The smart sidebar reverts to a normal sidebar on iOS (iPad) and on mobile devices.
Using the smart sidebar with Visual Composer:
On custom built pages you have to add the td-ss-row class to the row that contains the sidebar. If you don’t add this class the sidebar present on that page will act normally (non- sticky).
Note: This option will only work on a 2/3 + 1/3 column setting. The smart sidebar will not work in a 3 column layout.