Touchy: A WordPress Mobile Menu Plugin

Touchy: A WordPress Mobile Menu Plugin

Touchy 2.0 intro Features and customization details Customer testimonials Quick facts about Bonfire Themes

Touchy is a premium mobile menu and header plugin for WordPress. Designed with smartphones in mind, it is quick, reactive and super comfortable to use. Next to having been tested thoroughly on different mobile devices, Touchy also works great on desktop browsers, so if you wish, you can even use it on a full-blown desktop site.

Featuring a logo location, quickly-accessible call and e-mail buttons, an integrated search function, as well as a back button and a multi-level drop-down menu, Touchy can serve as a complete mobile navigation and header solution on any WordPress theme. It can even be used to hide your theme logo/menu by class/ID.

Furthermore, Touchy is tremendously customizable. With just a few clicks you can change the color of any element, alter positioning options, hide any of the menubar buttons, override button functions, change transparencies etc., all through the ridiculously-easy-to-use real-time Live Customizer integration. You can also use the unstyled widget locations to add call-to-action behavior to your menu, embed content, insert shortcodes, or anything else you might need. To sum up, you can make it essentially unrecognizable from its default appearance.

We are confident when we say Touchy is the absolute best WordPress plugin of its kind.

To get all the nitty-gritty details, please have a look at the full features list below.


  • Super quick setup and customization via the WordPress Live Customizer integration
    • Change alignments and positioning, alter opacities, override and/or hide elements, color customize every single element etc.
  • Optionally display on specified resolutions only
  • When Touchy is displayed, automatically hide your theme menu/header by class/ID
  • Menubar
    • Fixed or absolute positioning
    • Place at top or bottom of screen
    • Change transparency for see-through effect
    • Replace any or all of the default icons (500+ icons available)
    • Hide any of the buttons
    • Color customize each button individually
    • Hide button dividers
    • Optionally increase menubar shadow size when a page is scrolled
    • Optionally hide menubar shadow
    • Color customize every element
  • Drop-down menu
    • Multi-level accordion menu
    • Scrollable if too many menu items to fit on screen
    • Add icons to menu items (500+ available)
    • Add descriptions to menu items
    • Change menu item font size and line height
    • Change menu item description font size and line height, distance from menu item
    • Use one of your theme fonts in the menu
    • Beautifully animated
    • 2 unstyled widget locations (at top and bottom of menu)
      • Insert HTML, CSS, shortcodes, use embed codes etc. Use for anything you can think of: announce a product, add social buttons, highlight content etc.
    • Color customize every element
  • Logo location
    • When site is scrolled, the logo subtly fades away and menubar becomes sticky
    • Use text or upload logo image (retina image support included)
    • Align logo left, center or right
    • Optionally hide logo area background and shadow
    • Optionally hide entire logo area
    • Color customize every element
  • Integrated call/e-mail/search/back functions
    • Easily enter phone number, email recepient and email subject
    • Enter custom icons (500+ available) and change the call/email/search buttons’ functions completely by linking them anywhere you desire
    • Optionally hide any or all buttons
  • Search field
    • Change default textfield placeholder text
    • Change default ‘Search’ button label text
    • Hide ‘clear field’ option
    • Hide ‘Search’ button
    • Color customize every element
  • Background overlay
    • Displayed when search function or menu opened
    • Change background color and opacity
  • WordPress Multisite compatible
  • Clean and well-marked code
  • Thoroughly tried and tested
    • desktop, tablets, smartphones
    • iOS, Android, Windows devices
    • Chrome, Safari, Firefox, Edge, Internet Explorer, Opera
  • Optionally disable retina image script (useful if you don’t use the logo position or simply don’t use retina images)
  • Proven, long-time author with fast and friendly support
  • Lifetime free updates
  • Jargon-free documentation


UPDATE 2.3 (October 03, 2016)
- It is now possible to:
--- set custom menu item icon size
--- set custom menu item font size, line height
--- set custom menu description font size, line height, distance from menu item
--- use one of your theme fonts in the menu
- added option to disable retina script (useful if you don't use the logo position or just don't want to use a retina image)
UPDATE 2.2 (August 29, 2016)
- Added logo location
--- When site is scrolled, the logo subtly fades away and menubar becomes sticky
--- Use text or upload logo image (retina image support included)
--- Align logo left, center or right
--- Optionally hide logo area background and shadow
--- Optionally hide entire logo location
- Slightly redesigned the default menu button
- Added option to increase menubar shadow size when a page is scrolled
- Added option to hide menubar shadow
UPDATE 2.1 (June 28, 2016)
- Added a fully featured and customizable search function
--- Like all other icons on the menubar, the default search icon can be replaced with one of 500+ icons
--- Function of the search button can be changed to a link, meaning you can link it anywhere and optionally have the link open in a new window (combined with a custom icon, this allows you to completely change the function of the search button)
--- All elements of the search button as well as the search field are fully and independently color customizable (search field background, placeholder text, search button text etc.)
--- Customize the search field's default "Enter search term..." placeholder
--- Customize the search button's default "Search" text
--- Optionally hide search field's "Search" button
--- Optionally hide the search field's clear field function
- Added option to add default subject to email
- Added option to hide menubar dividers for an even cleaner look
- Added second widget location (now there's one below as well as above the menu)
- Drop-down menu's tooltip color can now be specified separately from the menu background (useful for example if the top widget location is used and it has a different background color)
UPDATE 2.0 (June 13, 2016)
- Customization options are now located in the WordPress Live Customizer
- Added custom-designed default menubar icons (still overridable by ones in the icon set as before)
- Completely redesigned the drop-down menu
--- Drop-down menu is now multi-level
--- When there are more menu items than can fit on screen, contents of the drop-down menu can now be scrolled
--- Drop-down menu's sub-menu arrows now animate when a sub-menu is opened/closed
--- Menu descriptions are now added to actual menu items (unlike before when descriptions were entered as menu items with a special class)
--- There is now an unstyled widget location at the end of the drop-down menu, awaiting your creativity. For example, if you have a plugin that inserts social icons, you can use it to link to your social profiles. You could embed a video or a gallery. Or, if you know simple css and html, you can use the text widget to build yourself a call-to-action graphic. The text widget also accepts shortcodes, so the use of this area is really only limited by your cleverness and the tools in your WordPress installation
- Added option to customize overlay opacity
- Updated the FontAwesome icon set to latest version
- Added option to prevent the FontAwesome icon set from loading. This is useful if you only use the new default menubar icons or if your theme or another plugin already loads FontAwesome, to prevent it from being loaded twice unnecessarily.
UPDATE 1.8 (March 02, 2016)
- added option to open customized button links in new tab/window
UPDATE 1.7 (December 11, 2015)
- Added option to show/hide Touchy based on resolution
- Added option to hide theme menu (if user knows theme menu class/ID)
- Updated icon set to latest version
UPDATE 1.6 (October 04, 2015)
- Added option to hide menu button. Useful if you'd just like to use the call and/or email buttons (or whatever function you choose to give them).
UPDATE 1.5 (March 19, 2015)
- Call and Email buttons can now be linked anywhere, not just phone number and email addresses (combined with the customizable icons, these buttons' function can now be changed entirely)
- Updated icon set to latest version
QUICK UPDATE (no version change, February 19, 2015)
- quick absolute positioning adjustment (before this update, when both the mobile-only and absolute positioning options were enabled, part of the plugin would remain in a fixed position)
QUICK UPDATE (no version change, February 06, 2015)
- fixed styling issue that appeared under specific circumstances
UPDATE 1.4 (November 15, 2014)
- menubar can now optionally be placed at the bottom of the screen
UPDATE 1.3 (July 03, 2014)
- added option to switch between fixed and absolute positioning
- you can now add icons to the accordion menu (300+ icons available, appropriate update included in the documentation)
- menubar transparency can now be set for see-through effect
- you can now replace the default four menubar icons
- changed default email icon
- updated FontAwesome icon set to latest version

And, for usability's sake:
- moved color customization to Appearance > Customize > Touchy plugin colors
- moved options page to Settings > Touchy plugin
UPDATE 1.2 (February 28, 2014)
- Addressed a sub-menu click issue
UPDATE 1.1 (February 27, 2014)
- Settings page now includes options to:
--- show Touchy on mobile devices only
--- optionally and individually hide the Back, Call and/or Email buttons

You may also be interested in our TapTap mobile menu plugin: