Make it easier for your customers to navigate in your store with our Sticky Menu add-on. It will make your menu (or any element you choose) stay visible at the top of the screen when users scroll down the page.
Include the website’s core functionalities in the sticky bar to allow the user to find exactly what they would be looking for in no time flat.
You can make any element stick at the top via layout settings. You may want to show your logo, search field, and cart content always on top:
It works smoothly with any theme. Check out how it looks like on our Passion theme. The sticky menu here includes a logo, search field and cart content.
Read further to learn how to create a sticky menu in just a few clicks!
The add-on is compatible with CS-Cart and Multi-Vendor 4.3.1 and above.
Don’t know what archive to download to install the add-on? Read here.
You can make any existing grid of the layout stick to the top by checking the Sticky menu box in the grid options.
If you check the Sticky menu box for the existing grid, this grid will disappear from the page and will be shown only in the sticky menu!
If you want to show the grid both on the page and in the sticky menu, duplicate it in the layout settings:
Or you can create a new grid for the sticky menu.
Let’s create a menu with a logo and search field like this:
- Navigate to Design > Layouts.
- In the Default tab, add a grid in the top panel.
- Adjust the grid settings.
- Add two more grids with width 5 and 11.
- Add the Logo and Search blocks in the previously created grids.
- In the grid options, select the Sticky menu box.
Here’s the result: