Visual Composer comes with the option to set rows, columns, and sections as sticky. Sticky option means that container (with all the content inside) will stay fixed at the top of the page and will be always visible to the visitors.
The sticky row option can be used to create a sticky menu, ‘Call to Action’ buttons or dynamic layouts (presentations) by highlighting a part of the content. To access the sticky options:
- Open row, column, or section edit window;
- Navigate to the ‘Sticky’ section;
- Enable stickiness toggle.
Visual Composer will automatically display parameters available to control/adjust container stickiness:
- Margin-top: control the space from the top (in pixels) where container becomes sticky;
- Z-index: control depth of the element to set it either on top or below following containers;
- Relate to parent: apply sticky option only within a parent element (ex. if you set sticky row in section and enable this toggle, the sticky row will work only within the section);
- Show on sticky: element will be displayed only when it becomes sticky (ex. create ‘Call to Action’ buttons that appear only when you scroll down to the certain point of your site.)
The sticky row option is a very powerful tool that can be used for various purposes, like improve user experience, create dynamic layouts, increase conversion, and generate leads.
How to create a sticky header?
You can apply stickiness to any row within Visual Composer, including rows placed in Header, Footer, and Sidebar Editor. To create a sticky header/navigation you will need to follow really simple steps:
- Open Visual Composer Header Editor;
- Select the row or section that you want to make sticky (it will probably contain your logo and menu);
- Enable stickiness;
Why may you want to have a sticky header? Navigation that is available at any point to your site visitors can reduce your bounce rate by up to 33%. Moreover, it can lead your potential customers towards your main business goals (ex. generate leads or sell products.) Also, for the pages with lots of content, you will reduce the time that is spent on simply scrolling back to the top to reach the navigation.