Add icons to your WordPress menu<\/h2>\n\n\n\n
Creating a menu in WordPress was never easier. All you have to do is generate pages and add them next to your homepage. Your main navigation menu will be done with just a few clicks but it will probably look very plain.<\/p>\n\n\n\n
There are numerous plugins that can help you in creating a visually stunning navigation menu. You can, of course, code yourself one if you know how to, but there is a simpler way to make your regular menu more user-friendly \u2013 by adding icons.<\/p>\n\n\n\n
Icons have become something we can\u2019t live without<\/strong>. When you search for something in your WordPress dashboard, on your desktop, or on your smartphone and tablet, you are probably used to using icons. After only a few times of using a new application, you are more likely to remember its icon than all the description text which comes with it. So, why wouldn\u2019t you put an icon next to your menu item and let people navigate through your site with ease?<\/p>\n\n\n\n PRICE:<\/strong> Free<\/a><\/p>\n\n\n <\/p>\n\n\n\n If you don\u2019t know how to do that, don\u2019t worry, that\u2019s why you\u2019re here. In this part of the guide, we\u2019re not going to bother you with custom coding, but we\u2019ll simply show you a neat free plugin which you can configure in the next few minutes<\/strong>.<\/p>\n\n\n\n That\u2019s it! Now go find some cool icons you want on your menu and enjoy your new design. While you’re still working with icons, don’t forget that you can easily add a favicon to your WordPress blog<\/a> as well.<\/p>\n\n\n\n One of many WordPress\u2019 features that we love is its easy way of registering new users. Controlling different user roles on the popular platform couldn\u2019t be easier; there are already registered roles which you can assign and you can even create numerous custom user roles for the need of your site.<\/p>\n\n\n\n While registering them is fast and easy, taking care of your users can be a hard work<\/strong>. But you need to make everything in your power to make their experience on the website as good as possible.<\/p>\n\n\n\n One of many things you could do for them is to enable an easy way of logging in and logging out from your site. To make login\/logout links always in reach of users\u2019 hands, you can put those links right to your main menu. First thing, having those links in the menu are very practical and secondly, your users have probably grown accustomed to the feature<\/strong> from various other applications that use the same way of logging in and out.<\/p>\n\n\n\n In this case, there\u2019s no need in grabbing another plugin. A simple WordPress function which we\u2019re going to show you in this part of the article can do a great job for you<\/strong>. It will automatically place the correct link on your menu. That means that while a user is logged out, he will get the \u201clog in\u201d link and vice versa. Neither you nor the user will have to worry about login buttons again.<\/p>\n\n\n\n If you\u2019re ready to add this simple yet neat login feature to the menu, here\u2019s what you\u2019ll have to do:<\/p>\n\n\n\n As with most of our snippets, you\u2019re done simply by copying and pasting the function into the file. Once you\u2019re done, you can go on and reload the homepage. Since you\u2019re still logged in, you will get the \u201clog out\u201d link on the last spot of your main menu. Be sure to check out the entire function so try logging out and back in to assure yourself everything\u2019s ok.<\/p>\n\n\n\n Now that you\u2019re done with this little feature, don\u2019t forget that you can easily redirect users to another page after a successful login or even show content only to logged in or logged out users.<\/p>\n\n\n\n Also, now that you have a customized menu, you might be interested in showing it anywhere on the site by providing a custom shortcode.<\/p>\n\n\n\n We love customizing WordPress with little snippets like this one, how about you?<\/p>\n\n\n\n After WordPress reached version 3.0 many things became easier to use. Among different new features, creating a navigational menu became accessible to anyone and today everyone can build their own menus with a few simple clicks of a mouse button.<\/p>\n\n\n\n While creating menus where you can easily link any post, page, category or any external link is a piece of cake, showing the menu on different places along your site can be a little bit bigger bite<\/strong> for those who aren\u2019t into WordPress development.<\/p>\n\n\n\n Depending on the WordPress theme<\/a> you\u2019re using, you can easily display a newly created menu on top of your page<\/strong> where we\u2019re all used to find navigation. You may have the option to place your menu on the sidebar or even right down in the footer area, but what if you wanted to show the menu in your posts, pages, or even in the widget?<\/p>\n\n\n\n No, you don\u2019t have to create custom lists or retype the entire HTML code in order to replicate the links; you can take the advantage of shortcodes and place an existing menu anywhere you want!<\/p>\n\n\n\n In the following lines, we\u2019re about to show you how to do that and we\u2019re sure that you\u2019re going to like your new \u2018menu in the shortcode\u2019 feature.<\/p>\n\n\n\n Right after you save the changes, you will be able to display WordPress menus anywhere you want. All you have to do is to write down the shortcode<\/strong> where you have to specify the name of the menu you\u2019re going to use:<\/p>\n\n\n\n [menu name=”main-menu”]<\/strong><\/p>\n\n\n\n In most cases, your main menu will have the \u201cmain-menu\u201d name attached to itself. But if you\u2019re going to use any other menu, simply enter its name in the shortcode. You don\u2019t have to know every menu name by heart; instead, navigate to Appearance -> Menus<\/em> and browse through the list of menus or create new ones.<\/p>\n\n\n\n Since you\u2019re now able to display WordPress menus practically anywhere, you can create numerous navigations that you\u2019re going to use on your WordPress powered website. You can have one in a post, another one in template files, a Text Widget, etc.<\/p>\n\n\n\n Unless you have removed the feature, WordPress allows your visitors to search through your entire site. We have mentioned this cool feature several times and showed you different things you could do with your search pages. For example, you could easily redirect users to the post if there\u2019s only one result found or even set up a custom Google search.<\/p>\n\n\n\n If you have browsed through your standard WP widgets, you have probably seen that there is a search widget ready to be placed on a sidebar<\/strong>. But what if you want your search box to appear next to your menu instead?<\/p>\n\n\n\n In the following lines, we will show you a function which will take your everyday search box and put it in the navigation menu.<\/p>\n\n\n\n To be sure that the code will work for you, make sure that you have a navigation menu already added to your site.<\/p>\n\n\n\n The code is pretty simple and its only function is to add the search box to your nav menu<\/strong>. Most probably, your search box won\u2019t be aligned where you wanted it to be. That means you will have to tell WordPress where to put the search box:<\/p>\n\n\n\n Hopefully, you have nested the box just perfectly next to your menu. It doesn\u2019t take much to fit the box where you want it. Don\u2019t forget to style the search box itself and enjoy the feature.<\/p>\n\n\n\n If you want more control over your menu and search box, check out how to add icons to your menu<\/a> and how to add a voice search option<\/a> for visitors who like to dictate their search terms. There is much more you can do both with your menu and your search options so test our search box and learn something new.<\/p>\n\n\n\n You have probably seen websites where navigation menus stick on top of the page and follow you every step on your scrolling adventure<\/strong>. That feature might be something you want on your WordPress website and in this part of the guide, we\u2019re about to show you how to create one.<\/p>\n\n\n\n Not only it has a functional side where the menu is always available within the reach of your hand, but it can also look very beautiful and fluid.<\/p>\n\n\n\n If you have a bit of CSS knowledge, you won’t be having problems with making your menu sticky. You only have to add a piece of code to your Style.css file after which you can enjoy your new menu feature.<\/p>\n\n\n\n As you can guess from the code, the important part comes at the second line where you need to fix the position of your menu<\/strong>. After that, you can set the the top, right and left elements to 0 pixels or move them to any distance from the top or from the left and right margin of the page (for example: top: 10px will place your menu 10 pixels from the top margin of your site).<\/p>\n\n\n\n If you don’t like messing with the code, you can use plugins to make your menus sticky.<\/p>\n\n\n\n We taught you how to create a sticky navigation menu simply by changing a line of CSS code in your theme. But, no matter how easy this might be, not everyone likes to go through WordPress files and edit the code themselves. If you’re that type of person or you need more control over the menu, don’t worry. You can easily set up your menu and make it sticky by using plugins<\/strong>. In this part of the article, we’re going to show you some of the best.<\/p>\n\n\n\n PRICE:<\/strong> $8<\/a><\/p>\n\n\n <\/p>\n\n\n\n UberMenu Sticky Extension is an add-on for UberMenu plugin<\/a> which means you have to install this plugin first to make the extension work. The extension makes everything simple; after the installation, you’re ready to make your menu sticky. No matter where you place your menu, once a user starts scrolling, the menu will stick on top of the page<\/strong> and make it easily accessible.<\/p>\n\n\n\n To make sure mobile users can access every part of the menu, the sticky option goes off once a mobile device is detected. There is no much to add here \u2013 check out the demo on the official site and if you already have UberMenu, go ahead and make your menu sticky.<\/p>\n\n\n\n PRICE:<\/strong> Free<\/a> – DEMO<\/a><\/p>\n\n\n <\/p>\n\n\n\n This plugin is designed to be used on Twenty Thirteen theme. But if you tweak it a bit, you may use it on any theme you like. By default, it uses the theme’s navigation CSS class “.navbar”. So if you want to use it on some other theme, you have to find the class which your theme uses<\/strong> to describe the navigation menu and change the name of that class.<\/p>\n\n\n\n If your theme is responsive, the plugin will also be responsive. If you want to modify it more, you are welcome to enter your custom CSS styles and make your sticky menu even more personalized.<\/p>\n\n\n\n PRICE:<\/strong> Free<\/a><\/p>\n\n\n <\/p>\n\n\n\n This plugin will allow you to place your menu on top and make it sticky. But not only that, the plugin will allow you to make any element sticky just by finding the right selector<\/strong> for the element. That means you can make your logo<\/a> or even the entire header stuck on the top of the page while users scroll through your website. To make everything work, you will have to know a little bit about HTML<\/a> and CSS so you can find the right selector.<\/p>\n\n\n\n You probably already know that WordPress is highly customizable. If you know how to code or at least find the right plugins, you can transform your backend as well as the frontend and showcase a unique website to your visitors and your authors as well.<\/p>\n\n\n\n In this part, we will show you a simple code that will allow you to remove top-level menu items from your WordPress admin pages.<\/p>\n\n\n\n The code you can find below will remove all top-level menu items to all users instead of admins<\/strong>. Before you continue, you should know that this snippet only removes the menu items but that those items will still be available to anyone who knows the correct path to a settings page. If you want to completely restrict access to certain menu pages, you will have to change the user capabilities.<\/p>\n\n\n\n As this code removes all of the top-level menus which you probably don\u2019t want to do, feel free to modify the code to your needs. Each \u201cremove_menu_page\u201d line is in charge of removing one page (which is described in the brackets as well as in the comment beside the line of code). Simply add or remove a page you want to be absent from your menu<\/strong> and save changes one more time.<\/p>\n\n\n\n Now that you have learned how to remove top-level pages from the menu, you might want to remove only some of the subpages which are located under the top-level ones.<\/p>\n\n\n\n Once you have started building your new website, sooner or later you’re gonna need a menu. You can create one using a standard menu option in WordPress but if you want a more professional one, you will have to know your HTML and CSS codes. That also means you will spend some time designing everything to work perfectly and to look beautiful at the same time.<\/p>\n\n\n\n But if you need a quicker solution or you simply don’t know how to code your own fancy menu, WordPress allows you to install some great plugins which are designed to make gorgeous menus in a matter of a few clicks. Without any particular order, here are some of the best menu plugins for WordPress.<\/p>\n\n\n\n PRICE: <\/strong>$20<\/a> – DEMO<\/a><\/p>\n\n\n <\/p>\n\n\n\n With over 43,000 sales, Uber Menu is one of the most popular plugins for WordPress<\/strong>. Once you open the demo site and see what does the menu created with this plugin look like, you will understand why it’s so popular. And once you start listing its features, you’ll probably want one for yourself.<\/p>\n\n\n\n Menus created with the Uber menu will be responsive and touch-enabled for your mobile visitors. You can create beautiful layouts and place icons, images, videos and maps into your menu. The entire form could be placed into a submenu so you can create a contact form without having to add an extra page for that. The plugin is highly customizable and you can play around with over 50 style settings with live preview. You can build submenus automatically from your other content, create tabs under your menu and much, much more.<\/p>\n\n\n\n PRICE: <\/strong>$20<\/a> – DEMO<\/a><\/p>\n\n\n <\/p>\n\n\n\n Morph is a fly-out menu designed for mobile devices. But, as you can see on the demo page if you open it on your personal computer, it looks really great on the desktop, too.<\/p>\n\n\n\n By using this plugin, you can hide a menu and call it out with a simple click<\/strong>. On the menu area, you can create a standard drop-down menu, add pictures, search buttons, and the whole area is widgetized which means you can embed anything you need and want. The plugin is very customizable so you can choose colors you want, change image heights and add or remove elements to suit your needs. If you are going to use it for mobile devices, you can easily set resolutions for which the menu will appear.<\/p>\n\n\n\n PRICE: <\/a><\/strong>$19<\/a> – DEMO<\/a><\/p>\n\n\n <\/p>\n\n\n\n Whether you want a simple menu or a complex “Mega Menu”, you can create one with the Hero Menu plugin. Every menu you create will be responsive and will look great on any device; if you choose to create a mega menu, items can be shown or hidden so you don’t have to worry about the layout on smaller screens.<\/p>\n\n\n\n There is special touch support for Android, iOS and Windows Phone. Choose full width or fixed width navigation bar where you can easily add extra elements simply by using a drag&drop technique<\/strong>. There are over 60 preset color schemes and you’re free to use each one of free Google Fonts. Make the menu sticky, choose activation distance\u2026 this great plugin can offer much more so be sure to check out the entire features list on CodeCanyon.<\/p>\n\n\n\n PRICE: <\/strong>$16<\/a> – DEMO<\/a><\/p>\n\n\n <\/p>\n\n\n\n The Multi-X bar is a modular plugin and allows you to place practically anything you want into the navigation bar. Besides menu items, you can place up to 8 items on the bar<\/strong> \u2013 whether it is a contact form, search form, social sharing icons, widget area, etc.<\/p>\n\n\n\n There are two different themes for you to choose from plus a custom theme where you can set your own colors while the gradient will be calculated automatically. The navigation bar can be placed as a fixed or scrollable menu. If you are a developer, you will like to know there is a set of hooks ready for you if you want to create a new plugin from Multi-X bar. This plugin offers much, much more so be sure to take a look at all features on CodeCanyon.<\/p>\n\n\n\n We all know how far technology has come. Smartphones and tablets have become inevitable and there is a growing number of mobile device owners. WiFi networks cover every part of our cities and if there isn’t one, you can always connect your mobile device to the Internet via your provider. What all that means is that the number of mobile web surfers is higher than ever and that you need to take care of them if you’re running a website<\/a>.<\/p>\n\n\n\n If you’re building a mobile site or want to make one better, you definitely need to build a special mobile menu that will adapt to any screen size and allow mobile users easier navigation<\/strong>.<\/p>\n\n\n\n With WordPress, this task isn’t that hard as you might think. You don’t have to know how to code or how to set up a menu. All you need is a plugin that you can easily install and customize to your needs.<\/p>\n\n\n\n In this part of the guide, we’re about to show you some of the best premium plugins which can create a mobile menu for your WordPress website. So let’s scroll down and take a look.<\/p>\n\n\n\n PRICE: <\/strong>$18<\/a> – DEMO<\/a><\/p>\n\n\n <\/p>\n\n\n\n This premium plugin will create a clean mobile header with a mobile menu embedded into it. Animations are very simple and they can look really nice and fluid on a smartphone screen. With Tactile, you can create a multi-level accordion menu, make a single-level horizontal menu that can be swiped or create a widgetized sidebar that can fly into your website<\/strong>.<\/p>\n\n\n\n Everything is customizable which means you can paint your elements in any color you want, change backgrounds and set their colors, opacities and much more. Your menu can be fixed or positioned absolutely. If you want even more control over mobile devices, you can set resolutions for which this menu will be activated.<\/p>\n\n\n\n PRICE: <\/strong>$10<\/a> – DEMO<\/a><\/p>\n\n\n <\/p>\n\n\n\n TapTap will give you the power of creating a unique mobile menu for your WordPress website. As you can see from the demo site, you can create almost anything you imagine and your menus will look really neat. With this plugin, you can create multi-level menus, decide which elements you want to show, add descriptions or enable integrated search option<\/strong>.<\/p>\n\n\n\n There are two menu button designs and a few animations to choose from. Your menu’s position can be fixed or you may use absolute positioning. Choose background styles and play with numerous styling options so you can fit the menu into your theme perfectly. Last but not least, TapTap will let you choose resolutions on which it will display itself. What more can you want from a mobile navigation menu?<\/p>\n\n\n\n PRICE: <\/strong>$16<\/a> – DEMO<\/a><\/p>\n\n\n <\/p>\n\n\n\n Mobi is another simple yet great WordPress plugin ready to help with mobile websites. With this addition, your responsive theme will have even better navigation. Once you create a menu using an intuitive drag&drop menu builder<\/strong>, you can place it on top or the bottom of your site.<\/p>\n\n\n\n All menu items are customizable and you are free to add social media icons to your navigation bar. There are over 700 icon fonts and you can complete your design by using one of Google Fonts. If you need to, you can control user visibility for guests and logged users.<\/p>\n\n\n\n PRICE: <\/strong>$44<\/a> – DEMO<\/a><\/p>\n\n\n <\/p>\n\n\n\n Wah-menu is a dockable menu<\/strong> perfect for mobile websites, specially designed for iPad touch navigation. With this premium plugin, you can add up to 8 menu links which will be nicely fitted on the side of your WordPress website.<\/p>\n\n\n\n Once you click on a specific icon in the menu, a sub-menu will appear which allows HTML, embedded videos, maps and pretty much everything you want. The plugin is highly customizable which means you can choose from 8 accent colors, play around with menu width, icons, links, etc. Menu creation is super easy with WYSIWYG editor. Whether you choose to use the dark or light theme, you can be sure it will look nice.<\/p>\n\n\n\n PRICE: <\/strong>$12<\/a> – DEMO<\/a><\/p>\n\n\n <\/p>\n\n\n\n This premium plugin is somewhat different from your usual plugin dedicated to menu creation. Instead of a classic menu bar or a sidebar menu, Path Style Menu creates a button<\/strong>. After you activate a button, it will show a menu around the button in a circle, expand it inline in whichever direction you want or even organize your icons in an arc.<\/p>\n\n\n\n If there are multiple menu levels, the button will create a back button which will allow users to go to the main menu again. There are tons of customization options and to create a menu; you can simply use the WordPress standard menu editor. If you’re looking for a unique mobile menu, give Path Style Menu a chance.<\/p>\n\n\n\n PRICE: <\/strong>$10<\/a> – DEMO<\/a><\/p>\n\n\n <\/p>\n\n\n\n Another unique menu plugin which gives you some great functions and can look great on your website. Scrollnav consists of a circle which contains several menu options<\/strong>. There is a homepage link in the middle of the button, the top link takes you logically on top of the page, there is a search box, a custom menu and a custom link part of the circle.<\/p>\n\n\n\n The custom menu will give enough space to create the entire menus with submenus, it will look great and will give you much-needed space on your mobile website. There are several color schemes you can choose from and everything is easy to configure. You should definitely check the demo site to see how this little plugin works.<\/p>\n\n\n\n PRICE: <\/strong>$24<\/a> – DEMO<\/a><\/p>\n\n\nMenu Icons<\/h3>\n\n\n\n
![\"Menu](\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2016\/03\/menu-icons-1024x473.png\"){kind=icon}
<\/figure><\/div>\n\n\n\n
Add login\/logout button to the menu<\/h2>\n\n\n\n
\n
function add_login_logout_link($items, $args) {\n$loginoutlink = wp_loginout('index.php', false);\n$items .= '<li>'. $loginoutlink .'<\/li>';\nreturn $items;\n}\nadd_filter('wp_nav_menu_items', \n'add_login_logout_link', 10, 2);<\/pre>\n\n<\/div>\n\n\n<\/pre>\n\n\n\n
\n
Display WordPress menus anywhere you want<\/h2>\n\n\n\n
Create a shortcode and display WordPress menus anywhere you want<\/h3>\n\n\n\n
\n
function menu_function($atts, $content = null) {
extract(
shortcode_atts(
array( 'name' => null, ),
$atts
)
);
return wp_nav_menu(
array(
'menu' => $name,
'echo' => false
)
);
}
add_shortcode('menu', 'menu_function');<\/pre>\n\n<\/div>\n\n\n<\/pre>\n\n\n\n
\n
How to add a search box to your WordPress menu<\/h2>\n\n\n\n
Add a search box to the menu:<\/h3>\n\n\n\n
\n
add_filter( 'wp_nav_menu_items','add_search_box', \n10, 2 );\nfunction add_search_box( $items, $args ) {\n$items .= '<li>' . get_search_form( false ) . \n'<\/li>';\nreturn $items;\n}<\/pre>\n\n<\/div>\n\n\n<\/pre>\n\n\n\n
\n
\n
$items .= '<li class=\u201dsearchbox-position\u201d>' . \nget_search_form( false ) . '<\/li>'<\/pre>\n\n<\/div>\n\n\n
<\/pre>\n\n\n\n
\n
.searchbox-position {
margin-top: 15px;
margin-right: 20px;
}<\/pre>\n\n<\/div>\n\n\n<\/pre>\n\n\n\n
\n
How to make navigation menu stick on top of the page<\/h2>\n\n\n\n
\n
.nav-menu {
position:fixed;
background: #333;
top: 0px;
right: 0px;
left: 0px;
z-index:99;
}<\/pre>\n\n<\/div>\n\n\n<\/pre>\n\n\n\n
\n
Make your sticky navigation menu with plugins<\/h2>\n\n\n\n
UberMenu Sticky Extension<\/h3>\n\n\n\n
![\"UberMenu](\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2017\/11\/ubermenu-sticky.jpg\")
<\/figure><\/div>\n\n\nmyStickymenu<\/h3>\n\n\n\n
![\"myStickymenu\"](\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2017\/11\/mystickymenu.jpg\")
<\/figure><\/div>\n\n\nSticky Menu (or Anything!) on Scroll<\/h3>\n\n\n\n
![\"Sticky](\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2017\/11\/sticky-menu-on-scroll.jpg\")
<\/figure><\/div>\n\n\nHow to remove top-level menu items in WordPress<\/h2>\n\n\n\n
Remove top-level menu items:<\/h3>\n\n\n\n
\n
if (!current_user_can( 'manage_options' )) {\nadd_action( 'admin_menu', 'my_remove_menus', 999 );\n}\nfunction my_remove_menus() {\nremove_menu_page( 'index.php' ); \/\/Dashboard\nremove_menu_page( 'edit.php' ); \/\/Posts\nremove_menu_page( 'upload.php' ); \/\/Media\nremove_menu_page( 'edit.php?post_type=page' ); \/\/Pages\nremove_menu_page( 'edit-comments.php' ); \/\/Comments\nremove_menu_page( 'themes.php' ); \/\/Appearance\nremove_menu_page( 'plugins.php' ); \/\/Plugins\nremove_menu_page( 'users.php' ); \/\/Users\nremove_menu_page( 'tools.php' ); \/\/Tools\nremove_menu_page( 'options-general.php' ); \/\/Settings\n}<\/pre>\n\n<\/div>\n\n\n<\/pre>\n\n\n\n
\n
Top 4 menu plugins for WordPress<\/h2>\n\n\n\n
Uber Menu<\/h3>\n\n\n\n
![\"Uber](\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2016\/05\/uber-menu.jpg\")
<\/a><\/figure><\/div>\n\n\n\n
Morph: Customizable Fly-Out WordPress Menu<\/h3>\n\n\n\n
![\"Morph\"](\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2016\/05\/morph.jpg\")
<\/a><\/figure><\/div>\n\n\n\n
Hero Menu<\/h3>\n\n\n\n
![\"Hero](\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2016\/05\/hero-menu.jpg\")
<\/a><\/figure><\/div>\n\n\n\n
Multi-X bar<\/h3>\n\n\n\n
![\"Multi](\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2016\/05\/multi-x-bar-1024x589.jpg\")
<\/a><\/figure><\/div>\n\n\n\n
Best WordPress mobile menu plugins<\/h2>\n\n\n\n
Tactile<\/h3>\n\n\n\n
![\"Tactile\"](\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2016\/04\/tactile.jpg\")
<\/a><\/figure><\/div>\n\n\n\n
TapTap<\/h3>\n\n\n\n
![\"Tap-Tap\"](\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2016\/04\/tap-tap.jpg\")
<\/a><\/figure><\/div>\n\n\n\n
Mobi<\/h3>\n\n\n\n
![\"Mobi\"](\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2016\/04\/mobi.jpg\")
<\/a><\/figure><\/div>\n\n\n\n
Wah-menu<\/h3>\n\n\n\n
![\"Wah-Wah\"](\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2016\/04\/wah-wah.jpg\")
<\/a><\/figure><\/div>\n\n\n\n
Path Style Menu<\/h3>\n\n\n\n
![\"Path](\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2016\/04\/path-style-1.jpg\")
<\/a><\/figure><\/div>\n\n\n\n
Scrollnav<\/h3>\n\n\n\n
![\"Scrollnav\"](\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2016\/04\/scrollnav.jpg\")
<\/a><\/figure><\/div>\n\n\n\n
ScrollTo Menu<\/h3>\n\n\n\n