TapTap – A Super Customizable WordPress Mobile Menu

Introduce TapTap:

With TapTap, we set out to create an easy-to-customize, responsive, mobile-first, off-canvas menu plugin for WordPress that would be versatile enough to be used on literally any website.

Main feature TapTap:

Menu Button

• Position menu button left or right, then fine-tune top/side distance with per-pixel accuracy
• Open menu by click/tap or by mouseover
• 6 different menu button styles
  • Each style has regular and thin variations (12 designs total)
  • Each button has two different animations (or no animation at all)
  • Set custom animation speed
  • Set button opacity
  • Customize color, hover color (+ colors when menu active)
• Add label to menu button
  • Enter custom label text
  • Position label anywhere around the button with per-pixel accuracy
  • Set custom font size
  • Set custom letter spacing
  • Select label font (12 options available, or use a theme font)
  • If menu button is hidden, label will remain visible (if one is entered) and can be used to activate the menu
  • Customize label color, hover color
• Optionally hide menu button (useful if you’d like to use a custom element to activate the menu)

Logo Placement

• Position logo left, center or right, then fine-tune top/side distance with per-pixel accuracy
• If logo entered as text:
  • Set custom font size
  • Set custom letter spacing
  • Select logo font (12 options available, or use a theme font)
  • Customize color, hover color
• If logo entered as an image:
  • Set custom logo image size
• Optionally hide logo placement

WooCommerce Cart Button

• Position WooCommerce button left or right, then fine-tune top/side distance with per-pixel accuracy
• Cart and shopping bag icon variations
• Customize colors, hover color

Search Function

• Set custom appearance animation speed
• Seach field:
  • Set custom searchfield placeholder text
  • Customize search field height
  • For RTL support, align searchfield text to the right
  • Hide ‘clear field’ option
  • Set custom font size
  • Set custom letter spacing
  • Select label font (12 options available, or use a theme font)
  • Change search field background opacity
  • Customize colors of search field background, placeholder and search text, close and ‘clear field’ buttons
• Set background overlay opacity and color