Code

Discussion on Mega Menu for Drupal 8

Discussion on Mega Menu for Drupal 8

Cart 61 sales

Templago supports this item

Supported

This author's response time can be up to 2 business days.

37 comments found.

Hello,

The menu is working fine for me. But I have to move to Drupal 9. I was wondering when the Drupal 9 version of your menu is due. I think with Drupal constantly evolving it would become unattractive to install custom modules

Your demo is broken.

The website encountered an unexpected error. Please try again later.

Drupal\Component\Plugin\Exception\PluginNotFoundException: The ”” plugin does not exist. in Drupal\Core\Plugin\DefaultPluginManager->doGetDefinition() (line 52 of core/lib/Drupal/Component/Plugin/Discovery/DiscoveryTrait.php).

Will this work with Drupal 9?

If Drupal 9 is the current 8.x version minus obsolete API, it will work. But we need to wait until v9 becomes stable (mid-June 2020).

Hello, I am using your mega menu and about to go live with it.

1) However, since your mega menu says its “Accessibility” when I use the keyboard arrows to move up and down the menus, the menu doesn’t move. Is there a workaround?

2) I also notice that the mega menu is not responsive when I am resizing my web browser? Is there a workaround?

These are the only two items preventing me to go live with my website.

Your response is greatly appreciated.

Thank you,

Hi, can you send the link to the demo site?

Hello, my demo site is not open to the public. Is there a way that you could let me know what I need to change in the mega menu code? Does keyboard arrows work for you? thank you again

Hi, How do I use CSS focus or hover to open the mega menu when a user is using keyboard tab?

Good morning, Thank you so much for your fast and immediate response. This fixed the problem. I will highly recommend your mega menu for accessibility for Drupal.

One more thing, so tabbing works and opens the menu perfectly. However, once the menu is open, I can’t seem to use the “Arrow” keys to move up and down. Is there a work around that too? Again, thank you so much for making your mega menu completely accessible and also for your fast responses to questions.

I have another question. Is it possible to limit the mega menu top level parent item to 8 or 10? Like here on Drupal.org, the very top menu has 8 items: https://www.drupal.org/ is is possible that when configuring the mega menu you could include such a feature?

I’m interested in this module but the demo is displaying an error. Is this still available?

Hello. Is it possible with your module to define the start level of your megamenu and also the end ?

On my website the level 1 menu items is alone in it’s position. I only need to display a megamenu starting on level 2.

Thanks

Hello, I have been trying to reach you regarding my support of the mega menu for drupal 8. thanks

Hi Templago, Thank you for finally responding to my question.

I am using the most newest version of Fontawesome. I am using emulated mobile instead of real device as I am still developing the application. I am using browserstack to test this.

Thanks

Hi misschocho

Thank you for your patience, but it took too much time to check our code for the possible issues.

The good things is that it’s not the code that causes the problems.

1) Issue with fontawesome

The fontawesome updates both the licensing and files names and structure in the last versions.

In order to fix your problem currently you need either to use fontawesome v4.7 or the latest version or to copy file fontawesome.min.css to font-awesome.min.css in folder /libraries/fontawesome/css in order the mega menu module to find it. So the full path to the file will be /libraries/fontawesome/css/font-awesome.min.css

In the meantime we’re working on code changes to support this.

2) Issue with emulated device

We’re not able to reproduce the issues neither on mobile devices nor in browsers emulated mobiles. One note, when you use browsers’ emulators refresh the page in order to be reloaded, maybe that will help. Otherwise, please try to use real device because we’re not able to handle all emulators.

Hi Templago, Thank you for your response. #1 worked perfectly while I await for permanent code changes. #2 I will try your suggestions. Thank you much appreciated.

Hello,

I just bought the mega menu and I love it a lot, you have done a fantastic job, I will be adding a review soon.

Anyways, I am having issues with the mega menu, whenever, I update fontawesome to the latest version, it keeps saying fontawesome is not installed?

I also noticed that when I mouseover the main menu, the menu doesn’t appear, it only appears after I have clicked on the page and I am in the page and the mouseover only works for that parent menu?

This is also an error: https://cdn.fontawesome.com/js/stats.js It is 404 page not found.

I would appreciate a fast response as my site is live and clients are complaining.

thank you again.

Hello, I paid for this module and still awaiting your response to my question. thank you.

Hi, “Disable MegaMenu on mobile” is not working as I use Chrome/Firefox device toolbar to behave like mobile.

Hi misschocho, please read the response in the previous comment

Hi, I am displaying a Megamenu only on for a specific URL. Displaying submenus is done via a ‘click’ event. By default the first Tab pane gets the class ‘megamenu-active.’

Would it be possible to add a parameter to the URL so that either the 2nd or 3rd, etc. menu is displayed active and gets the class ‘megamenu-active’?

Thank you so much, Alex

By default the first Tab pane gets highlighted. Could you please point me to the appropriate file and line of code where this is default is set? I might be able to make the customization myself. Thank you.

I figured out on how to do this by modifying the /js/megamenu.init.js file. Put the following code below the ”// Init every instance…” comment on line #63.

// Init every instance of megamenu located in menu instances config. $.each(megamenuData.menu_instances_config, function (megamenu_id, megamenu_options) { var $megamenu = $(’#megamenu—’ + megamenu_id); var $tab = $megamenu.find(‘[href=”’location.pathname + location.search’”]’).closest(’.megamenu-item’); if ($tab.length && !$tab.hasClass(‘megamenu-active’)) { var $activeTab = $megamenu.find(’.megamenu-acitve’); $activeTab.removeClass(‘megamenu-active’); $tab.addClass(‘megamenu-active’); } $megamenu.megamenu();

Thank you for your comment!

Hi I just bought the mega menu but it’s not working with sub-menu? The dropdown doesn’t shows up for sub-menu .what could be the reason?

I forgot to change menu settings to unlimited…all good thank you

Glad you made it work!

Hello, I am trying to implement the Tab menu, but for the ‘Tab block’ link type the option ‘Left (tabs on the left, content panels on the right)’ doesn’t create the proper classes required to to display tab panels.

The sample app generates the following classes ‘megamenu-tabs__pane megamenu-column megamenu-column—3-4’. Unfortunately, in my instance it doesn’t generate the above classes.

- Does Megamenu only work for the ‘Main Menu’? - Any advice?

Hi,

Of which Drupal 8 modules is your mega module dependent?

Kind Regards, Frits

The Mega Menu is dependent only of core Drupal 8 modules, no 3rd party requirements except fontawesome library

how can upload demo menu, if I had yet 1 mysql databese. If I try do this, it couldn`t be done – table exists etc

The demo menu is part of the existing demo environment, it can’t be imported separately.

Hi, i bought Your module, but I cannot find mega Menu in: Block layout… Please help me! Pawel

I try to add ( place block ) Mega Menu to Primary menu.. but there isn` t .

Hi, I’m using this module on a Drupal 8 website for the main navigation and there’s some buggy behavior. When the menu works, it works really well. But when it doesn’t work, the styling breaks and some links don’t work in the menu. Can you help me please?

Could you please describe the issue and steps to reproduce it?

Sure, do you have an email? I can attach screenshots and give a quick description of the issues we’ve identified so far.

Templago, do you have a support email?

I am using Drupal’s fontawesome module which is storing the fontawesome library files in libraries/fontawesome/web-fonts-with-css. How can I make your megamenu module to look for the fontawesome library in that directory to avvoid the library has to be loaded twice?

Thanks for your help.

It requires a lot of coding in the module itself because it checks different paths for the fontawesome library.

We’ll consider implementing settings option for not loading the library if a user wants that.

Hi,

Thanks for the module. I’m trying to add a sub-menu to a website but it doesn’t show in the front-end. I inspect the code and nothing shows up. Can you help?

http://nysd.onpurposeprojects.com/user login: admin pass: admin99

the menu: http://nysd.onpurposeprojects.com/admin/structure/menu/manage/main?destination=/admin/structure/menu

thanks,

Diogo

Hello!

our client purchased your plugin almost 5 months ago and we pretty upset that three bugs are still there:

1. mobile menu loading https://codecanyon.net/comments/18336870 This issue can be simple recreated on your demo, please review screenshot https://drive.google.com/file/d/1kwmvXKAl0X-NBklX5TP53Bz3bJ7zAj6t/view It happens both mobile phone and with browser in mobile mode. 2. “External Link” module conflict https://codecanyon.net/comments/18336485 Please note, “External Links” is 11 years old and it successfully work for us on different sites last 6 years. Since we pay money for your plugin, it would be politely from your side to review this issue and at least give us a reasonable explanation, why it can’t work together.

3. Quite a simple thing: misspelled “SETTTINGS” https://codecanyon.net/comments/18335647

Please let us know, when can we expected to have updated plugin version with corresponding fixes.

Please also let us know, if our client should repost these issues from his account to force these issues address.

Regards, Tanya M.

Hello,

The next relase will be published soon.

Regarding the issues you’ve experienced:

1. Which mobile phone and browser in mobile mode do you use?

2 Because of the way how Drupal 8 handles the core logic, we’re not responsible for using 3rd party modules that conflicts with our module (e.g. External Link). We wrote clear information on the product page:

“The Mega Menu module extends ServiceProvider class in order to handle saving third party options for menu items. If you use some other module that extends the same class, it’s possible that the saving third party settings feature of one of them will not work.”

3. Misspelled words are fixed in the version that will be published soon.

Hello,

1. sceenshot done in Chrome. It also appears for sure on iPhone, Samsung and Lenovo phones (different versions)

Hi, thanks for the amazing module!

When I try to add submenu in mega menu, It doesn’t work. I also tried to check the settings for the offline demo but this one shows the following error:

The website encountered an unexpected error. Please try again later.Twig_Error_Loader: Template “modules/custom/megamenu/templates/menu-megamenu.html.twig” is not defined (Drupal\Core\Template\Loader\ThemeRegistryLoader: Unable to find template “modules/custom/megamenu/templates/menu-megamenu.html.twig” in the Drupal theme registry.). in Twig_Loader_Chain->getCacheKey() (line 19 of core\themes\bartik\templates\block—system-menu-block.html.twig).

Thanks,

Diogo

Hi,

Please try to clear the cache and let us know if the issue still exists.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey