Touchy - WordPress Mobile Menu Plugin

Touchy – WordPress Mobile Menu Plugin

Touchy is a premium cell menu and header plugin for WordPress. Designed with smartphones in thoughts, it’s fast, reactive and tremendous snug to make use of. Next to having been examined completely on completely different cell gadgets, Touchy additionally works nice on desktop browsers, so if you want, you possibly can even apply it to a full-blown desktop website.

Featuring a brand location, rapidly-accessible name and e-mail buttons, an built-in search operate, in addition to a again button and a multi-degree drop-down menu, Touchy can function a whole cell navigation and header answer on any WordPress theme. It may even be used to conceal your theme brand/menu by class/ID.

Furthermore, Touchy is tremendously customizable. With only a few clicks you possibly can change the colour of any aspect, alter positioning choices, conceal any of the menu bar buttons, override button capabilities, change transparencies and so forth., all by way of the ridiculously-simple-to-use actual-time Live Customizer integration. You can even use the unstyled widget places so as to add name-to-motion conduct to your menu, embed content material, insert shortcodes, or anything you would possibly want. To sum up, you may make it primarily unrecognizable from its default look.

We are assured once we say Touchy is the very best WordPress plugin of its variety.

To get all of the nitty-gritty particulars, please take a look on the full options listing beneath.

PS! Touchy is obtainable at a reduction within the WordPress Mobile Menu Bundle.

Features

Super fast setup and customization by way of the WordPress Live Customizer integration
- Change alignments and positioning, alter opacities, override and/or conceal components, coloration customise each single aspect and so forth.
Optionally show on specified resolutions solely
When Touchy is displayed, robotically conceal your theme menu/header by class/ID
Menubar
- Customize peak
- Add customizable textual content labels
- Fixed or absolute positioning
- Place at high or backside of display screen
- Optionally apply slide-in animation upon web page load
- Change transparency for see-by way of impact
- Re-arrange again, name, e mail, search, WooCommerce buttons
- Freely modify distance from edges of display screen and nook roundness
- Replace any or all the default icons (1500+ icons out there)
- Hide any of the buttons
- Color customise every button individually
- Customize peak of button dividers (or conceal altogether)
- Optionally enhance menu bar shadow measurement when a web page is scrolled
- Optionally conceal menu bar shadow
- Color customise each aspect
Drop-down menu
- Multi-level accordion menu
- Scrollable if too many menu gadgets to suit on display screen
- RTL choice
- Optionally shut menu on click on/contact (helpful on one-web page web sites with anchor hyperlinks for instance)
- Optionally use full menu merchandise to open sub-menus (by default, arrow opens the sub-menu)
- Add icons to menu gadgets (1500+ out there)
- Add descriptions to menu gadgets
- Highlight menu gadgets with visible indicator
- Change menu merchandise font measurement and line peak
- Change menu merchandise description font measurement and line peak, distance from menu merchandise
- Use considered one of your theme fonts within the menu
- Two sub-menu arrow animation choices (flip arrow or animate into an ‘X’)
- Beautifully animated
- 2 unstyled widget places (at high and backside of menu)
  - Insert HTML, CSS, shortcodes, use embed codes and so forth. Use for something you possibly can consider: announce a product, add social buttons, spotlight content material and so forth.
- Change dropdown menu’s nook roundness and thickness of backside border
- Color customise each aspect
Logo location
- When website is scrolled, the brand subtly fades away and menu bar turns into sticky
- Use textual content or add brand picture (retina picture assist included)
- Align brand left, heart or proper
- Optionally conceal brand space background and shadow
- Add background picture to brand space (show as sample or full-measurement, change opacity)
- Optionally conceal whole brand space
- Color customise each aspect
Integrated name/e-mail/search/again/WooCommerce cart icon capabilities
- Easily enter cellphone quantity, e mail recepient and e mail topic
- Choose between cart/bag icon for WooCommerce button
- Enter customized icons (1500+ out there) and alter the again/name/e mail/search/menu buttons’ capabilities fully by linking them wherever you want
- Optionally present any of the buttons to logged in customers solely
- Optionally conceal all or any buttons
Search area
- Change default textfield placeholder textual content
- Change default ‘Search’ button label textual content
- Hide ‘clear area’ choice
- Hide ‘Search’ button
- Color customise each aspect
- Secondary, full-display screen search design included
Background overlay
- Displayed when search operate or menu opened
- Change background coloration and opacity
WordPress Multisite appropriate
Clean and properly-marked code
Thoroughly tried and examined
- desktop, tablets, smartphones
- iOS, Android, Windows gadgets
- Chrome, Safari, Firefox, Edge, Internet Explorer, Opera
Optionally disable retina picture script (helpful when you don’t use the brand place or just don’t use retina photos)
Customizer settings translatable
Proven, lengthy-time creator with quick and pleasant assist
Lifetime free updates
Jargon-free documentation

Changelog

UPDATE 4.8
- added fade-in look animation choice for dropdown menu

UPDATE 4.7
- added RTL choice for dropdown menu

UPDATE 4.6
- added a wonderful new icon set (Line Awesome) which can be utilized in each the drop-down menu in addition to the menubar (see demo website #7 for a fast instance)
- up to date the Font Awesome icon set to newest model

UPDATE 4.5
- added new animation choice to primary menu button

UPDATE 4.4
- added choice for joint menubar background coloration (particular person button backgrounds nonetheless out there as properly)
- added choice so as to add left/proper house for menubar buttons (see demo #6)

Quick replace (no model change)
- Some JS script and translation string updates

UPDATE 4.3
- added choice to customise menubar peak

UPDATE 4.2
- added choice to use slide-in animation to menubar upon web page load (see demo #4 for instance)

UPDATE 4.1
- added WooCommerce cart button

UPDATE 4.0
- added secondary, full-display screen search design (can customise background coloration and add background picture)
- added alternate again, name, e mail and search icons (every can nonetheless be overridden by any icon within the Font Awesome icon set)
- up to date FontAwesome icon set to newest model
- added choices so as to add margin to the menubar in addition to change menubar nook radius
- added choice to animate default menu button icon into 'x' when menu opened
- added choice to show menubar button borders at both above or beneath the menubar

Previous updates

- Updated Font Awesome icon set to newest model. Please see detailed utilization directions within the up to date documentation (as of FA model 5, there are some adjustments and extra choices out there).
- Added choice to wonderful-tune brand picture measurement
- Added choices so as to add border to menubar buttons for added visible aptitude (every individually coloration customizable)
- Added choice to customise peak of menubar button separators
- Added choice to open sub-menu by clicking on full high-degree menu merchandise
- Added part for arranging menubar's again, name, e mail and search button order
- All the settings are actually translation-prepared
- Next to different menu bar buttons, the dropdown menu button can now even be overridden with a customized hyperlink
- Dropdown menu's nook radius can now be custom-made
- Dropdown menu's backside border thickness can now be custom-made
- Added choice to shut the drop-down menu upon menu merchandise click on/faucet (helpful on one-web page web sites the place menu hyperlinks result in anchors as an alternative of latest pages).
- Added choice so as to add background picture to brand space
--- change picture opacity
--- show as sample or full background
- Added choice to spotlight menu gadgets with a visible indicator
- Added secondary dropdown sub-menu arrow animation choice (when a sub-menu is opened, now you can select to both flip the arrow or animate it into an 'X')
- Any button on the menubar can now be made seen to logged in customers solely
- Similarly to the 'name', 'e mail' and 'search' buttons, the operate of the 'again' button can now be overridden with a customized hyperlink as properly
- Customizable textual content labels can now be added to every menubar button (see demo #2 for reside instance):
--- change label font measurement
--- change label coloration and hover colours
- Updated icon set to newest model
- It is now potential to:
--- set customized menu merchandise icon measurement
--- set customized menu merchandise font measurement, line peak
--- set customized menu description font measurement, line peak, distance from menu merchandise
--- use considered one of your theme fonts within the menu
- added choice to disable retina script (helpful when you do not use the brand place or simply do not need to use a retina picture)
- Added brand location
--- When website is scrolled, the brand subtly fades away and menubar turns into sticky
--- Use textual content or add brand picture (retina picture assist included)
--- Align brand left, heart or proper
--- Optionally conceal brand space background and shadow
--- Optionally conceal whole brand location
- Slightly redesigned the default menu button
- Added choice to extend menubar shadow measurement when a web page is scrolled
- Added choice to cover menubar shadow
- Added a completely featured and customizable search operate
--- Like all different icons on the menubar, the default search icon may be changed with considered one of 1500+ icons
--- Function of the search button may be modified to a hyperlink, that means you possibly can hyperlink it wherever and optionally have the hyperlink open in a brand new window (mixed with a customized icon, this lets you fully change the operate of the search button)
--- All components of the search button in addition to the search area are absolutely and independently coloration customizable (search area background, placeholder textual content, search button textual content and so forth.)
--- Customize the search area's default "Enter search time period..." placeholder
--- Customize the search button's default "Search" textual content
--- Optionally conceal search area's "Search" button
--- Optionally conceal the search area's clear area operate
- Added choice so as to add default topic to e mail
- Added choice to cover menubar dividers for an excellent cleaner look
- Added second widget location (now there's one beneath in addition to above the menu)
- Drop-down menu's tooltip coloration can now be specified individually from the menu background (helpful for instance if the highest widget location is used and it has a special background coloration)
- Added customized-designed default menubar icons (nonetheless overridable by ones within the icon set as earlier than)
- Completely redesigned the drop-down menu
--- Drop-down menu is now multi-degree
--- When there are extra menu gadgets than can match on display 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 actually added to precise menu gadgets (in contrast to earlier than when descriptions have been entered as menu gadgets with a particular class)
--- There is now an unstyled widget location on the finish of the drop-down menu, awaiting your creativity. For instance, in case you have a plugin that inserts social icons, you need to use it to hyperlink to your social profiles. You may embed a video or a gallery. Or, if you recognize easy css and html, you need to use the textual content widget to construct your self a name-to-motion graphic. The textual content widget additionally accepts shortcodes, so the usage of this space is basically solely restricted by your cleverness and the instruments in your WordPress set up
- Added choice to customise overlay opacity
- Added choice to stop the FontAwesome icon set from loading. This is helpful when you solely use the brand new default menubar icons or in case your theme or one other plugin already masses FontAwesome, to stop it from being loaded twice unnecessarily.
- added choice to open custom-made button hyperlinks in new tab/window
- Added choice to indicate/conceal Touchy based mostly on decision
- Added choice to cover theme menu (if consumer is aware of theme menu class/ID)
- Added choice to cover menu button. Useful when you'd similar to to make use of the decision and/or e mail buttons (or no matter operate you select to provide them).
- Call and Email buttons can now be linked wherever, not simply cellphone quantity and e mail addresses (mixed with the customizable icons, these buttons' operate can now be modified completely)
- Updated icon set to newest model
- fast absolute positioning adjustment (earlier than this replace, when each the cell-solely and absolute positioning choices have been enabled, a part of the plugin would stay in a hard and fast place)
- mounted styling challenge that appeared beneath particular circumstances
- menubar can now optionally be positioned on the backside of the display screen
- added choice to change between mounted and absolute positioning
- now you can add icons to the accordion menu (300+ icons out there, applicable replace included within the documentation)
- menubar transparency can now be set for see-by way of impact
- now you can substitute the default 4 menubar icons
- modified default e mail icon
- Settings web page now consists of choices to:
--- present Touchy on cell gadgets solely
--- optionally and individually conceal the Back, Call and/or Email buttons