- No categories
- All
How to Add a Slide Panel Menu in WordPress Themes
Recently one of our users asked us how they can replace their navigation menu with a jQuery slide panel menu? Slide panel menu can be used to greatly improve the user experience on mobile sites. In this article we will show you how to add a slide panel menu in WordPress themes. Note: This is an intermediate level tutorial and requires sufficient HTML and CSS knowledge. Replacing Default Menu With a Slide Panel Menu in WordPress The goal here is to show a slide panel menu to users on smaller screens while keeping our theme’s default menu so that the users on laptops and desktops can see the full menu. Before we get started, it is important to know that there are many different WordPress themes , and you will have to deal with a little CSS later on. First thing you need to do is open a plain text editor on your computer, like Notepad, and create a new file. Copy and paste this code: (function($) { $('#toggle').toggle( function() { $('#popout').animate({ left: 0 }, 'slow', … [Read more...] about How to Add a Slide Panel Menu in WordPress Themes
Learn More