Likno Blog – Drop-Down Menus, Javascript Menus, CSS Menus, jQuery Scrollers/Sliders, Modal Windows and more...

Knowledge Base support case for AllWebMenus Pro, abstracted and stripped of all user’s private info.

Initial Email From: Quy
Initial Email Subject: Horizontal submenu 
Support Case Month: March 2014

Is it possible to do horizontal submenu in AllWebMenus with the following?

* It must be responsive.
* Submenu stays open on mouse hover.

Thanks

Reply From: Likno Customer Support

Hello,

For responsive please check here:

For submenu staying open with mousing out of it (isn’t this what you mean?), see here:

Kind Regards,

Aris 
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

Reply From: Quy

Yes, but the submenu has to be horizontal and not vertical as seen here:

{URL REMOVED}

The following submenu must be full width of screen and fixed at top always:

Latest News     Most Popular     Europe

Thanks,
Quy

Reply From: Likno Customer Support

Sure,  here is how to do something similar:

Kind Regards,

Aris 
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

Hey everybody,

This is to inform you that we have added a new "Horizontal Submenus" example, in the 'Examples' page.

To view the example (live) and download it (free), please visit:

http://www.likno.com/examples/horizontal_submenus.html

Specific info about the example:

In this tab navigation, all submenus have their "Type" property set to "Horizontal" and their "Appears - Aligned With" property set to the "Top-Left edge of the parent group". These settings are needed to create a unified look for the whole navigation while the Sticky property is also used to make sure the right submenu is visible at all times. For this demonstration the "Products" submenu appears automatically (Show Item or Group on Appear) but you can always use a different rule so this behavior matches your website needs.

Enjoy!