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 menu bar 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.
PS! Touchy is available at a discount in the WordPress Mobile Menu Bundle.
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
- Add customizable text labels
- Fixed or absolute positioning
- Place at top or bottom of screen
- Change transparency for see-through effect
- Customize button border colors
- Re-arrange back, call, email, search buttons
- Replace any or all of the default icons (500+ icons available)
- Hide any of the buttons
- Color customize each button individually
- Customize height of button dividers (or hide altogether)
- Optionally increase menu bar shadow size when a page is scrolled
- Optionally hide menu bar shadow
- Color customize every element
- Multi-level accordion menu
- Scrollable if too many menu items to fit on screen
- Optionally close menu on click/touch (useful on one-page websites with anchor links for example)
- Optionally use full menu item to open sub-menus (by default, arrow opens the sub-menu)
- Add icons to menu items (500+ available)
- Add descriptions to menu items
- Highlight menu items with visual indicator
- 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
- Two sub-menu arrow animation options (flip arrow or animate into an ‘X’)
- 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.
- Change dropdown menu’s corner roundness and thickness of bottom border
- Color customize every element
- When site is scrolled, the logo subtly fades away and menu bar becomes sticky
- Use text or upload logo image (retina image support included)
- Align logo left, center or right
- Alter logo image size
- Optionally hide logo area background and shadow
- Add background image to logo area (display as pattern or full-size, change opacity)
- 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 back/call/email/search/menu buttons’ functions completely by linking them anywhere you desire
- Optionally show any of the buttons to logged in users only
- Optionally hide any or all buttons
- Change default textfield placeholder text
- Change default ‘Search’ button label text
- Hide ‘clear field’ option
- Hide ‘Search’ button
- Color customize every element
- 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)
- Customizer settings translatable
- Proven, long-time author with fast and friendly support
- Lifetime free updates
- Jargon-free documentation
UPDATE 3.4 - Updated Font Awesome icon set to latest version. Please see detailed usage instructions in the updated documentation (as of FA version 5, there are some changes and additional options available).
UPDATE 3.3 - Added option to fine-tune logo image size
UPDATE 3.2 - Added options to add border to menubar buttons for additional visual flair (each individually color customizable)
UPDATE 3.1 - Added option to customize height of menubar button separators
UPDATE 3.0 - Added option to open sub-menu by clicking on full top-level menu item - Added section for arranging menubar's back, call, email and search button order - All the settings are now translation-ready
UPDATE 2.9 - Next to other menu bar buttons, the dropdown menu button can now also be overridden with a custom link - Dropdown menu's corner radius can now be customized - Dropdown menu's bottom border thickness can now be customized
UPDATE 2.8 - Added option to close the drop-down menu upon menu item click/tap (useful on one-page websites where menu links lead to anchors instead of new pages).
UPDATE 2.7 - Added option to add background image to logo area --- change image opacity --- display as pattern or full background
UPDATE 2.6 - Added option to highlight menu items with a visual indicator - Added secondary dropdown sub-menu arrow animation option (when a sub-menu is opened, you can now choose to either flip the arrow or animate it into an 'X')
UPDATE 2.5 - Any button on the menubar can now be made visible to logged in users only - Similarly to the 'call', 'email' and 'search' buttons, the function of the 'back' button can now be overridden with a custom link as well
UPDATE 2.4 - Customizable text labels can now be added to each menubar button (see demo #2 for live example): --- change label font size --- change label color and hover colors - Updated icon set to latest version
UPDATE 2.3 - 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 - 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 - 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 - 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 - added option to open customized button links in new tab/window
UPDATE 1.7 - 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 - 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 - 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) - 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) - fixed styling issue that appeared under specific circumstances
UPDATE 1.4 - menubar can now optionally be placed at the bottom of the screen
UPDATE 1.3 - 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 - Addressed a sub-menu click issue
UPDATE 1.1 - Settings page now includes options to: --- show Touchy on mobile devices only --- optionally and individually hide the Back, Call and/or Email buttons