Megamenu is a dropdown plugin used similar to the traditional style dropdown menu built to enhance usability and address some drawbacks such as the amount of clicking, navigating and researching is reduced.
Questions tagged [megamenu]
295 questions
10
votes
3 answers
bootstrap 3 responsive multiple mega menu
I work with bootstrap 3 and design mega menu navigation.
HTML:
9
votes
3 answers
Make Bootstrap's YAMM open on hover
I'm using the YAMM to create a mega menu for Bootstrap but I can't figure out how to make the menu appear on mouseover/hover. At the moment it only appears on click.
github demo
jsFiddle
user1398287
- 5,245
- 5
- 21
- 25
5
votes
1 answer
What is an example of a material design angular2/4 menu with nested dropdown options like angular1?
I really want to incorporate angular2 material, noticed the following menu example:
https://material.angularjs.org/1.1.4/demo/menuBar
This is a beauty: http://codepen.io/anon/pen/zrdQwP
I like how you can have nested menus, but for the Angular 2/4…
Rolando
- 58,640
- 98
- 266
- 407
4
votes
1 answer
auto resize height of to fit contents
I want to create a mega menu that list items are left and when hover contents show right side. I use below html and css codes.
html code:
3
votes
4 answers
Why is jquery Mega Menu showing up behind my images in IE7 and 9?
I have a webpage with a jquery Mega Menu at the top and then there is a jqGrid right below it. When I hover over the menu, the submenu pops up but it shows up "behind" the jqGrid. I tried going into the dcMegaMenu.css and…
leora
- 188,729
- 360
- 878
- 1,366
3
votes
3 answers
jQuery: menus appear/disappear on click
I've been looking all over the web and I can't find a solution. I am very new to jQuery as well.
My case:
I have a nav bar, each link in it activates/triggers a megamenu (each link has its own megamenu).
What I need:
I need a way to have each link…
Ricardo Zea
- 10,053
- 13
- 76
- 79
3
votes
3 answers
Generate megamenu from adjacency list
I have an array below:
Array
(
[0] => Array
(
[id] => 1
[name] => Electronics
[parent] => 0
[description] => Large amount of electronics in our store
[columns] => 6
…
XTRUST.ORG
- 3,280
- 4
- 34
- 60
3
votes
1 answer
Drupal: Override Megamenu module function
I am a newbie to Drupal. I am using Megamenu dropdown to display the Main menu in the site I am working on. But I need to override a function(megamenu_theme_menu_tree) in the Megamenu module file to add some html to megamenu output. Editing the…
Jithin
- 2,594
- 1
- 22
- 42
2
votes
2 answers
CSS help - aligning megamenu
I'm following this tutorial and am trying to modify it to my use: http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-kick-butt-css3-mega-drop-down-menu/...
If I make the dropdown div to be the same full width as the horizontal…
UserIsStuck
- 519
- 1
- 6
- 18
2
votes
2 answers
Multi-column mega menu dropdown?
I have UIX requirement to implement multi-column/mega drop downs.
Can somebody provide code, available jquery plugin, programming best practice/advice to achieve this UI functionality (yes I have googled and did not really see anything…
genxgeek
- 13,109
- 38
- 135
- 217
2
votes
2 answers
Mega-menu on hover without lists
I have this mega-menu that I want to show on hover and keep open until the user leaves the mega-menu or the trigger area. I have it working onClick, but I cannot seem to get it to work on-hover. Any help would be MUCH appreciated.
NotAnotherCliche
- 381
- 1
- 4
- 18
2
votes
2 answers
how can I show the sub menu container on hover
How can I get it so when I hover over Menu item 2 it will show the submenu-container?
Codepen
Do I need to add something on the LI or the A tag? I have tried
ul li a:hover .submenu-container {
display: block;
}
but it didn't work
-
…
Paul M
- 435
- 4
- 13
2
votes
1 answer
How does the Etsy mega menu mouse UX work?
Etsy (https://www.etsy.com/) seem to have really good ux around mouse movement on their mega menu.
I'm trying to work out how they do it. It seems like you can travel any distance at an angle from the parent and it won't select the parent below, but…
Titan
- 5,567
- 9
- 55
- 90
2
votes
1 answer
Bootstrap4: mega menu not staying centered when adding more items in the navigation
I found some Bootstrap mega menu code online and it works well except the mega menu will not stay centered. It keeps floating to the left of the screen. Here is the original code:
2
votes
0 answers
When I click on an internal link in the drop-down menu, the entire menu closes and it will not let me select the internal link
I am working on making a mega menu with categories responsive. The site is using Laravel, PHP and a bootstrap framework. I did not write the original code, but as I have made the menu responsive, I have come into an issue.
When I click on the…
Laura
- 21
- 4