After a few years of developing responsive websites one thing we’ve come to realize is that most mobile menus are terrible. They are clunky, slow to respond and require pinpoint precision to activate. Aesthetically they leave a lot to be desired and often times mobile menus are exactly the same as their desktop brethren, which is rarely ideal.
We wanted a better solution for our clients. A mobile menu should be quick, clean and make great use of the limited screen real estate allotted to phones. They should stay out of the way so the content remains the focus, yet be easy to access when needed.
After quite a bit of searching and testing we settled on ShiftNav; a WordPress plugin that adds an off-canvas menu which met all of our requirements. It’s sleek, lightweight and because it’s off-canvas it stays out of the way until needed. Developed by Sevenspark, the same company that makes the excellent UberMenu plugin, the plugin comes in free and Pro versions. We use the latter version for all of our clients because it offers advanced content like logos, icons and better sub-menu handling.
Off-canvas means that the menu is loaded each time the page loads but it isn’t displayed until it’s toggled. The menu sits off to the left or right of the screen and slides in when activated. Users can swipe to remove it or simply touch the menu or content area. It’s the same sort of technology that major websites like NPR and Mashable use, but we think ShiftNav may even have them beat.
With the advanced settings that ShiftNav Pro offers you can tailor the menu to the needs of your audience. It’s a great fit for anyone looking to improve the mobile experience on their WordPress powered website. Want to see it in action? We’re running it on our website right now – just pull us up on your phone.
Need some help implementing ShiftNav? Reach out and let’s get started!