The quick menu

Delay the hover menu

A short delay keeps the menu closed when someone passes over the More button. Click, tap and keyboard activation still open it immediately.

The code

<div class="ats_kit ats_kit_size_32">
  <a class="ats_btn_facebook"></a>
  <a class="ats_btn_x"></a>
  <a class="ats_dd"></a>
</div>

Milliseconds, with a safe upper limit

hover_delay defaults to 200 milliseconds and accepts 0 through 2000. It also applies to the full menu when menu_trigger is hover.

window.ats_config = window.ats_config || {};
window.ats_config.quick_menu = "hover";
window.ats_config.hover_delay = 500;

Live demo

Demo ↗

An article worth passing on

Keep the pointer on More for half a second. Leaving before the delay expires keeps the menu closed.

Services (2 selected)

Button size

Shape

Behaviour

snippet.htmlOpen in builder ↗

<script>
window.ats_config = window.ats_config || {};
window.ats_config.quick_menu = "hover";
window.ats_config.hover_delay = 500;
</script>

<div class="ats_kit ats_kit_size_32">
  <a class="ats_btn_facebook"></a>
  <a class="ats_btn_x"></a>
  <a class="ats_dd"></a>
</div>

<script async src="//static.addtosite.com/widget.js"></script>

Click or hover