Browse the range of menu scripts and plug-ins based on jQuery and Bootstrap. The menus include top bar, off-canvas, full screen, vertical, horizontal, responsive and many more..
The mega menu shared in this article can be used for showing the portfolio or for other purposes. As the mouse hovers over any item, the theme or placeholder for mega menu changes with its own content.
The ng-bs-navbar is an Angular directive that can be used for creating the navbar based on Bootstrap, as well as it includes a handy sidebar.
The sideToggle is a jQuery plug-in that you may use for creating the side toggle menu on your website.
Creating responsive menus by a jQuery plug-in The simple and light-weight (1K) responsive-navigation jQuery plug-in enables creating responsive menus for your website. It uses font-awesome icons with the menu item and also creates sub menu that is adaptive to the user’s screen. Developer’s page Download plug-in Setting up responsive-navigation plug-in You need to include the … Read more
The contextMenu is a lightweight solution for creating contextual menus on your web pages. The contextMenu will display as a user right clicks on a DOM element.
How to create a fixed menu on the scroll? In this tutorial, a jQuery and CSS based menu is shared that will be fixed on top as you scroll down the page. That way, your main content may appear on the top with the menu bar afterward. As the user scrolls down the page and passes … Read more
Creating responsive sidebar sliding menu bar in Bootstrap In this post, I am going to share a nice and simple sliding menu bar that slides from left to right. As you click the typical three horizontal lines of “mobile icon”, the menu will open in a sliding manner. As it opens, a cross icon will … Read more
In order to customize the navigation bar as per the needs or match with the theme of your website, you need to work with these classes…
In this post, I am going to share an excellent plug-in that works with Bootstrap for creating the header menu for your website.
The off-canvas menu is the one that slides and overlaps the main content with the navigation links.
The CSS tabs menu In this tutorial, a CSS menu is created which is tabbed style and slides as you click a menu item. The content of different tabs is contained in the same web page, so it can be used for the single-page web site. The navigation can be done by using mouse click … Read more
The CSS menu with JavaScript With the fact that mobile searches have crossed the desktop searches, this becomes necessary that your website is mobile friendly. The Google search engine also adds mobile factor as the ranking factor along with the tag in organic search results as: “This website is mobile friendly” (Update: This is showing … Read more
In this tutorial, a jQuery plug-in is used for creating the responsive full screen menus. The menu, as clicked from the top right, will overlap the visible content where you may display navigation links to the other parts of the website.
Adding cool hovering effects as a user brings the mouse over any menu item adds good user experience. Learn how to in this tutorial.
In this tutorial, the BootSideMenu plug-in is used for creating the sliding menus. The menu panel can be left or right that will close and open as you click the respective arrow.