Change The Divi Menu Submenu Open Trigger From Hover To Click
By default, submenus in Divi open by hovering your mouse cursor over the parent menu item. This is fine, but there are times when it would be better or just preferred to open the submenu with a click instead. This is a popular request and we thought this was a great idea. So today I will show you how to open a Divi menu submenu dropdown by clicking the parent menu item instead of just hovering over it. This tutorial is best used along with some of our other Divi Menu Tutorials to get a well rounded beautiful Divi mobile menu.
Join subscribers on our YouTube channel and enjoy other Divi video tutorials!
Add Some jQuery To Open The Divi Menu Submenu On Click Instead Of Hover
Since the default Divi menu behavior is hard coded into the theme to open by hover, we need to modify the code in order to make it do what we want. The best way to do this is with some jQuery and CSS, both of which work together and both are needed to make it work. I’ll show you how to add both snippets of code to your website, and show you an example of this working live in the video both with the default menu and with the Divi menu module.
If you are using our free Divi child theme, place this snippet into the scripts.js file and remove the <script> tags at the beginning and end. Otherwise, place this in your Divi>Theme Options>Integrations tab in the "Add code to the < head > of your blog" code area.
<script>
(function($) {
function setup_collapsible_submenus() {
var $menu = $('nav > ul.nav'),
top_level_link = '.menu-item-has-children > a';
$menu.find('a').each(function() {
$(this).off('click');
if ($(this).is(top_level_link)) {
$(this).attr('href', '#');
$(this).next('.sub-menu').addClass('hide');
}
if ($(this).siblings('.sub-menu').length) {
$(this).on('click', function(event) {
event.stopPropagation();
$(this).next('.sub-menu').toggleClass('visible');
return false;
});
}
$(window).click(function() {
//Hide the menus if visible
$('.sub-menu').removeClass('visible');
});
});
}
$(window).on('load', function () {
setTimeout(function() {
setup_collapsible_submenus();
}, 700);
});
})(jQuery);
</script>
Add Some CSS To Show Or Hide The Divi Menu Submenu On Click
The second step is to add some CSS code to correspond to the visibility states that are introduced in the jQuery snippet. Both snippets are required to work together to make the Divi menu submenu open on mouse click instead of by mouse hover.
If you are using our free Divi child theme, place this snippet into the style.css file. Otherwise, place this in your Divi>Theme Options>Custom CSS code box. If you need help, check out our complete guide on Where To Add Custom Code In Divi.
/*change the visibility of the menu submenu on click*/
.nav li.et-touch-hover>ul,
.nav li:hover>ul {
opacity: 0;
visibility: hidden;
}
ul.sub-menu.hide.visible {
opacity: 1;
visibility: visible;
}
Now you can go test this out, and enjoy! Be sure to watch the video to see this in action, since images can’t really show this well.
Related Tutorials To Help With The Divi Mobile Menu
In our video and tutorial, we are using some code to help the mobile menu look better. This all comes from our Divi Menu tutorial series! I recommend checking out those other tutorials for lots of helpful and fun stuff!
I hope you have enjoyed learning How To Open A Divi Menu Submenu By Clicking Instead Of Just Hovering. Please share your thoughts in the comments below. If you find value in this type of post, please subscribe because we have tons of tutorials in progress to be posted!
Subscribe
Each month we send out a roundup email newsletter with the latest tutorials, product updates, helpful resources, and any other industry or personal news. Occasionally we send an extra separate email here and there if we just can’t wait! So that’s what you will get if you subscribe, and you can always unsubscribe at any time if you just can’t take it anymore :)
Nelson is the owner of Pee-Aye Creative in the beautiful state of Pennsylvania. He loves helping small businesses, exploring outdoors, building websites with Divi, and teaching others.
Could you please elaborate on the issue that you are facing with your Mega Menu for better clarity?
Also, it will be great if you share the URL of the page where the issue is happening. 🙂
Is there any way to close the current opened submenu when the user close that menu itself again? So far, your codes only work when the user either click on the other submenu or the browser window to close the current opened submenu. Would really appreciate your feedback!
Hi Nelson, I´m sorry, it´s not working for me 🙁
The main menu still drops down on hovering. https://lichtblicke2.topu.biz/
It is Divi Version: 4.9.4
Does it depend on the Divi version?
Hello and thank you for the code!
I did it this way on a client website. Is there any way that the submenu only opens when you click the icon (down arrow) next to the menu label, not the menu label itself? Because actually the menu label leads to its own page, but now it is not selectable, because when clicked of course the submenu opens.
Also, is there any way to have the opening submenu close after a few seconds if the user doesn’t select anything or open another submenu?
I would be happy to email the URL. Please contact me if you want me to pay a previously discussed price for your help regarding the code; I don’t take the support for granted! Many thanks in advance! Birgit
Could you please share the URL of the website for me to write the code for you?
Hemant Gaba
on June 14, 2021 at 1:13 pm
Hi there,
The code works perfectly fine on my end. Could you please remove the code that you have placed from this guide and share the URL of the page for me to investigate or improvise the code according to your Menu?
How would you update the JS so when a visitor click on a top level navigation , if there was another sub-menu open it will close? this way only a single menu item is open at a time.
Thank you very much for this tutorial. It works for me on normal desktops very well.
Unfortunately, it is not compatible with touchscreens. Is there a way where it works for both, i.e. onclick and ontouch?
I can’t get the menu to work on touchscreens either. This is an issue since many people have laptops with touchscreens and if you hold a tablet sideways, it becomes the desktop view. Please let me know if you have a solution to this issue.
Hemant Gaba
on April 22, 2022 at 10:40 am
Hey Evan,
I have checked the website and I am not able to spot this issue on my end.
Steve
on July 8, 2021 at 7:41 am
Awesome tutorial, unfortunately it doesn’t work on Divi’s standard mega menu.
hello, thanks for this helpful site. When i use these codes in conjunction with your expanding mobile menu codes the mobile menu no longer expands sub menu items. can i make this target desktop only?
Is there any way to close the current opened submenu when the user close that menu itself again? So far, your codes only work when the user either click on the other submenu or the browser window to close the current opened submenu. Would really appreciate your feedback!
Is there any way to close the current opened menu when the user click on an other menu or the browser window to close the current opened submenu? This is not working in my case. Thank you so much!
Hey Nelson,
Amazing tutorial! The only problem for me is that this isn’t working on an iPad.
On the iPad I click the menu item but nothing happens then.
Do you know how this could be fixed?
This snippet is great ! I am having a slight issue though ; When the document first loads in, when opening up the sub-menu, it snaps closed again. Once I try to open it once, it works fine every time after that. If I comment out the ‘removeClass’ lines, the code works fine (other than not closing when I click out of the menu). Have you seen anything like this ? The removeClass lines are commented out for the time being.
Elegant Themes support gave me a link to this tutorial to help me change my menu from a hover dropdown to a click menu. Thanks for creating this solution and for the excellent instructions!
Unfortunately, I tried all three versions with my Mega Menu without success. My website is https://tipsforsuccess.org
1. The JQuery and CSS snippets in the tutorial above = no change to the dropdown on hover
3. The JQuery and CSS snippets at https://www.codepile.net/pile/WZRvPBZO = made the menu behavior act strangely. The last menu item still dropped down on hover (not good), but the first four menu items required a click to drop down (which is good), but then it started to flash or would not go away when I clicked it again or clicked away from the menu.
I removed the first set of snippets before trying the next set of snippets. I have removed them again so the menu is back to where I began.
Hey, I was wondering if there is a way to change any of the stylings now that the menu opens with a click. For example, change the icon or underline the text once it is clicked like a button.
Please use this code to change the color of the icon when the submenu is opened:
.et_pb_menu .et_mobile_menu span.menu-closed.menu-open:before{
color: red;
}
I am struggling with your script on mobile devices. I goes fine on desktop but when I use it on mobile it shows the main menu page no matter what submenu item I click. Can you help out? I can share the link but not public.
I am trying to get your script to work. It goes fine on desktop but on mobile devices the submenu now only shows the main page and not the content of a submenu page, no matter what submenu link I click. Can you help me out?
In this tutorial I will show you how to move the Divi Gallery module title and caption text over the image and add a nice hover effect.
Pin It on Pinterest
{"id":null,"mode":"button","open_style":"in_modal","currency_code":"USD","currency_symbol":"$","currency_type":"decimal","blank_flag_url":"https:\/\/wordpress-292293-1617718.cloudwaysapps.com\/wp-content\/plugins\/tip-jar-wp\/\/assets\/images\/flags\/blank.gif","flag_sprite_url":"https:\/\/wordpress-292293-1617718.cloudwaysapps.com\/wp-content\/plugins\/tip-jar-wp\/\/assets\/images\/flags\/flags.png","default_amount":500,"top_media_type":"none","featured_image_url":false,"featured_embed":"","header_media":null,"file_download_attachment_data":null,"recurring_options_enabled":true,"recurring_options":{"never":{"selected":true,"after_output":"One time only"},"weekly":{"selected":false,"after_output":"Every week"},"monthly":{"selected":false,"after_output":"Every month"},"yearly":{"selected":false,"after_output":"Every year"}},"strings":{"current_user_email":"","current_user_name":"","link_text":"Leave a tip","complete_payment_button_error_text":"Check info and try again","payment_verb":"Pay","payment_request_label":"Pee-Aye Creative","form_has_an_error":"Please check and fix the errors above","general_server_error":"Something isn't working right at the moment. Please try again.","form_title":"Pee-Aye Creative","form_subtitle":null,"currency_search_text":"Country or Currency here","other_payment_option":"Other payment option","manage_payments_button_text":"Manage your payments","thank_you_message":"Thank you for being a supporter! It is people like you who keep us going week after week!","payment_confirmation_title":"Pee-Aye Creative","receipt_title":"Your Receipt","print_receipt":"Print Receipt","email_receipt":"Email Receipt","email_receipt_sending":"Sending receipt...","email_receipt_success":"Email receipt successfully sent","email_receipt_failed":"Email receipt failed to send. Please try again.","receipt_payee":"Paid to","receipt_statement_descriptor":"This will show up on your statement as","receipt_date":"Date","receipt_transaction_id":"Transaction ID","receipt_transaction_amount":"Amount","refund_payer":"Refund from","login":"Log in to manage your payments","manage_payments":"Manage Payments","transactions_title":"Your Transactions","transaction_title":"Transaction Receipt","transaction_period":"Plan Period","arrangements_title":"Your Plans","arrangement_title":"Manage Plan","arrangement_details":"Plan Details","arrangement_id_title":"Plan ID","arrangement_payment_method_title":"Payment Method","arrangement_amount_title":"Plan Amount","arrangement_renewal_title":"Next renewal date","arrangement_action_cancel":"Cancel Plan","arrangement_action_cant_cancel":"Cancelling is currently not available.","arrangement_action_cancel_double":"Are you sure you'd like to cancel?","arrangement_cancelling":"Cancelling Plan...","arrangement_cancelled":"Plan Cancelled","arrangement_failed_to_cancel":"Failed to cancel plan","back_to_plans":"\u2190 Back to Plans","update_payment_method_verb":"Update","sca_auth_description":"Your have a pending renewal payment which requires authorization.","sca_auth_verb":"Authorize renewal payment","sca_authing_verb":"Authorizing payment","sca_authed_verb":"Payment successfully authorized!","sca_auth_failed":"Unable to authorize! Please try again.","login_button_text":"Log in","login_form_has_an_error":"Please check and fix the errors above","uppercase_search":"Search","lowercase_search":"search","uppercase_page":"Page","lowercase_page":"page","uppercase_items":"Items","lowercase_items":"items","uppercase_per":"Per","lowercase_per":"per","uppercase_of":"Of","lowercase_of":"of","back":"Back to plans","zip_code_placeholder":"Zip\/Postal Code","download_file_button_text":"Download File","input_field_instructions":{"tip_amount":{"placeholder_text":"How much would you like to tip?","initial":{"instruction_type":"normal","instruction_message":"How much would you like to tip? Choose any currency."},"empty":{"instruction_type":"error","instruction_message":"How much would you like to tip? Choose any currency."},"invalid_curency":{"instruction_type":"error","instruction_message":"Please choose a valid currency."}},"recurring":{"placeholder_text":"Recurring","initial":{"instruction_type":"normal","instruction_message":"How often would you like to give this?"},"success":{"instruction_type":"success","instruction_message":"How often would you like to give this?"},"empty":{"instruction_type":"error","instruction_message":"How often would you like to give this?"}},"name":{"placeholder_text":"Name on Credit Card","initial":{"instruction_type":"normal","instruction_message":"Enter the name on your card."},"success":{"instruction_type":"success","instruction_message":"Enter the name on your card."},"empty":{"instruction_type":"error","instruction_message":"Please enter the name on your card."}},"privacy_policy":{"terms_title":"Terms and conditions","terms_body":null,"terms_show_text":"View Terms","terms_hide_text":"Hide Terms","initial":{"instruction_type":"normal","instruction_message":"I agree to the terms."},"unchecked":{"instruction_type":"error","instruction_message":"Please agree to the terms."},"checked":{"instruction_type":"success","instruction_message":"I agree to the terms."}},"email":{"placeholder_text":"Your email address","initial":{"instruction_type":"normal","instruction_message":"Enter your email address"},"success":{"instruction_type":"success","instruction_message":"Enter your email address"},"blank":{"instruction_type":"error","instruction_message":"Enter your email address"},"not_an_email_address":{"instruction_type":"error","instruction_message":"Make sure you have entered a valid email address"}},"note_with_tip":{"placeholder_text":"Your note here...","initial":{"instruction_type":"normal","instruction_message":"Attach a note to your tip (optional)"},"empty":{"instruction_type":"normal","instruction_message":"Attach a note to your tip (optional)"},"not_empty_initial":{"instruction_type":"normal","instruction_message":"Attach a note to your tip (optional)"},"saving":{"instruction_type":"normal","instruction_message":"Saving note..."},"success":{"instruction_type":"success","instruction_message":"Note successfully saved!"},"error":{"instruction_type":"error","instruction_message":"Unable to save note note at this time. Please try again."}},"email_for_login_code":{"placeholder_text":"Your email address","initial":{"instruction_type":"normal","instruction_message":"Enter your email to log in."},"success":{"instruction_type":"success","instruction_message":"Enter your email to log in."},"blank":{"instruction_type":"error","instruction_message":"Enter your email to log in."},"empty":{"instruction_type":"error","instruction_message":"Enter your email to log in."}},"login_code":{"initial":{"instruction_type":"normal","instruction_message":"Check your email and enter the login code."},"success":{"instruction_type":"success","instruction_message":"Check your email and enter the login code."},"blank":{"instruction_type":"error","instruction_message":"Check your email and enter the login code."},"empty":{"instruction_type":"error","instruction_message":"Check your email and enter the login code."}},"stripe_all_in_one":{"initial":{"instruction_type":"normal","instruction_message":"Enter your credit card details here."},"empty":{"instruction_type":"error","instruction_message":"Enter your credit card details here."},"success":{"instruction_type":"normal","instruction_message":"Enter your credit card details here."},"invalid_number":{"instruction_type":"error","instruction_message":"The card number is not a valid credit card number."},"invalid_expiry_month":{"instruction_type":"error","instruction_message":"The card's expiration month is invalid."},"invalid_expiry_year":{"instruction_type":"error","instruction_message":"The card's expiration year is invalid."},"invalid_cvc":{"instruction_type":"error","instruction_message":"The card's security code is invalid."},"incorrect_number":{"instruction_type":"error","instruction_message":"The card number is incorrect."},"incomplete_number":{"instruction_type":"error","instruction_message":"The card number is incomplete."},"incomplete_cvc":{"instruction_type":"error","instruction_message":"The card's security code is incomplete."},"incomplete_expiry":{"instruction_type":"error","instruction_message":"The card's expiration date is incomplete."},"incomplete_zip":{"instruction_type":"error","instruction_message":"The card's zip code is incomplete."},"expired_card":{"instruction_type":"error","instruction_message":"The card has expired."},"incorrect_cvc":{"instruction_type":"error","instruction_message":"The card's security code is incorrect."},"incorrect_zip":{"instruction_type":"error","instruction_message":"The card's zip code failed validation."},"invalid_expiry_year_past":{"instruction_type":"error","instruction_message":"The card's expiration year is in the past"},"card_declined":{"instruction_type":"error","instruction_message":"The card was declined."},"missing":{"instruction_type":"error","instruction_message":"There is no card on a customer that is being charged."},"processing_error":{"instruction_type":"error","instruction_message":"An error occurred while processing the card."},"invalid_request_error":{"instruction_type":"error","instruction_message":"Unable to process this payment, please try again or use alternative method."},"invalid_sofort_country":{"instruction_type":"error","instruction_message":"The billing country is not accepted by SOFORT. Please try another country."}}}},"fetched_oembed_html":false}
Awesome! another strike from the Divi master.
Thanks Amy! I’m pretty proud of this one 🙂
Hi! Thank you for this. I can’t get it to apply to menus marked as a mega menu. Could you please advise?
Could you please elaborate on the issue that you are facing with your Mega Menu for better clarity?
Also, it will be great if you share the URL of the page where the issue is happening. 🙂
Is there any way to close the current opened submenu when the user close that menu itself again? So far, your codes only work when the user either click on the other submenu or the browser window to close the current opened submenu. Would really appreciate your feedback!
Hi John
Could you please share the URL of the website where the Menu is present for us to investigate further?
Hi Nelson, I´m sorry, it´s not working for me 🙁
The main menu still drops down on hovering.
https://lichtblicke2.topu.biz/
It is Divi Version: 4.9.4
Does it depend on the Divi version?
I am afraid that I am not able to see the submenu dropdown on hover. Could you please tell us if the problem is resolved or not?
Hello and thank you for the code!
I did it this way on a client website. Is there any way that the submenu only opens when you click the icon (down arrow) next to the menu label, not the menu label itself? Because actually the menu label leads to its own page, but now it is not selectable, because when clicked of course the submenu opens.
Also, is there any way to have the opening submenu close after a few seconds if the user doesn’t select anything or open another submenu?
I would be happy to email the URL. Please contact me if you want me to pay a previously discussed price for your help regarding the code; I don’t take the support for granted! Many thanks in advance! Birgit
Hi Birgit,
Could you please share the URL of the website for me to write the code for you?
Hi there,
The code works perfectly fine on my end. Could you please remove the code that you have placed from this guide and share the URL of the page for me to investigate or improvise the code according to your Menu?
How would you update the JS so when a visitor click on a top level navigation , if there was another sub-menu open it will close? this way only a single menu item is open at a time.
Hi Tom,
Could you please share the URL of the website for me to investigate further?
Please make sure to remove the jQuery code that you pasted from the guide before sharing the URL. 🙂
Hello,
Thank you very much for this tutorial. It works for me on normal desktops very well.
Unfortunately, it is not compatible with touchscreens. Is there a way where it works for both, i.e. onclick and ontouch?
On phone sizes this would not be relevant as there would be a hamburger menu. Other than that I’m not sure.
I can’t get the menu to work on touchscreens either. This is an issue since many people have laptops with touchscreens and if you hold a tablet sideways, it becomes the desktop view. Please let me know if you have a solution to this issue.
Hey Evan,
I have checked the website and I am not able to spot this issue on my end.
Awesome tutorial, unfortunately it doesn’t work on Divi’s standard mega menu.
Example: https://staging2.hilltops.webrenovatorsite.com/
It would be wonderful if you have a fix for this please?
(yes I know it’s the ugliest site in the world, the clients style guide is horrific)
Thanks so much for your contribution to the Divi community!
Hi Steve,
I wrote the code for you and you can access the code and instructions by going to the URL below:
Code: https://www.codepile.net/pile/WZRvPBZO
Please let us know if that helps. 🙂
Hi
I have the same problem as Steve.
I have added the additional code, but it still doesn’t work with the mega menu.
Example: https://lst.famoweb.cyon.site
(menu item «Miete»)
Would really appreciate your feedback!
Hi Nadine,
Please use this code and let me know how it goes. 🙂
Code: https://www.codepile.net/pile/jrnevwKe
hello, thanks for this helpful site. When i use these codes in conjunction with your expanding mobile menu codes the mobile menu no longer expands sub menu items. can i make this target desktop only?
Hi David,
Could you please share the URL of the page where you are facing this issue so that I could investigate further?
Is there any way to close the current opened submenu when the user close that menu itself again? So far, your codes only work when the user either click on the other submenu or the browser window to close the current opened submenu. Would really appreciate your feedback!
Hi Roberto,
Could you please try this code and see if that helps?
Code: https://www.codepile.net/pile/dB9daRb1
Let me know how it goes. 🙂
Is there any way to close the current opened menu when the user click on an other menu or the browser window to close the current opened submenu? This is not working in my case. Thank you so much!
Hi Martin,
We will analyze the script and will provide a valid solution on this very soon.
Thank you, looking forward!
$(top_level_link).not($(this)).next(‘.sub-menu’).removeClass(‘visible’);
add the above line to the on click function:
$(this).on(‘click’, function(event) {
event.stopPropagation();
$(this).next(‘.sub-menu’).toggleClass(‘visible’);
$(top_level_link).not($(this)).next(‘.sub-menu’).removeClass(‘visible’);
return false;
});
Hey Nelson,
Amazing tutorial! The only problem for me is that this isn’t working on an iPad.
On the iPad I click the menu item but nothing happens then.
Do you know how this could be fixed?
Hey Melle,
I am afraid I am not able to replicate the issue on my end. Could you please share the URL of the page for me to investigate further?
Hi there,
This snippet is great ! I am having a slight issue though ; When the document first loads in, when opening up the sub-menu, it snaps closed again. Once I try to open it once, it works fine every time after that. If I comment out the ‘removeClass’ lines, the code works fine (other than not closing when I click out of the menu). Have you seen anything like this ? The removeClass lines are commented out for the time being.
Hi Ryan,
Everything looks fine on the URL for now. Could you please uncomment the code and let me know so that I can check where the issue is actually present?
Hi Nelson or Hemant,
Elegant Themes support gave me a link to this tutorial to help me change my menu from a hover dropdown to a click menu. Thanks for creating this solution and for the excellent instructions!
Unfortunately, I tried all three versions with my Mega Menu without success. My website is https://tipsforsuccess.org
1. The JQuery and CSS snippets in the tutorial above = no change to the dropdown on hover
2. The JQuery and CSS snippets at https://www.codepile.net/pile/jrnevwKe = no change to the dropdown on hover
3. The JQuery and CSS snippets at https://www.codepile.net/pile/WZRvPBZO = made the menu behavior act strangely. The last menu item still dropped down on hover (not good), but the first four menu items required a click to drop down (which is good), but then it started to flash or would not go away when I clicked it again or clicked away from the menu.
I removed the first set of snippets before trying the next set of snippets. I have removed them again so the menu is back to where I began.
Any other ideas?
Thanks again,
Mike
Hey Mike,
I have investigated the website and I am not able to replicate the issue on my end as everything works great.
Elegant Themes support gave me these code snippets that worked for me. No need to reply to the Comment I submitted yesterday. Thanks anyway.
Custom CSS:
#et-top-navigation #top-menu li.et-hover ul.sub-menu {
display: none !important;
}
#et-top-navigation #top-menu li.show-submenu ul.sub-menu {
display: block !important;
visibility: visible !important;
opacity: 1!important;
}
jQuery:
(function($) {
$(document).ready(function() {
$(‘#top-menu li.menu-item-has-children > a’).click(function(e) {
e.preventDefault();
$(this).parent().toggleClass(‘show-submenu’);
});
});
})(jQuery);
I am glad to hear that everything works fine now. 🙂
Hey, I was wondering if there is a way to change any of the stylings now that the menu opens with a click. For example, change the icon or underline the text once it is clicked like a button.
Hey Evan,
Please use this code to change the color of the icon when the submenu is opened:
.et_pb_menu .et_mobile_menu span.menu-closed.menu-open:before{
color: red;
}
Let me know how it goes.
Hi Hemant,
I am struggling with your script on mobile devices. I goes fine on desktop but when I use it on mobile it shows the main menu page no matter what submenu item I click. Can you help out? I can share the link but not public.
thanks,
Frank
Hi,
I am trying to get your script to work. It goes fine on desktop but on mobile devices the submenu now only shows the main page and not the content of a submenu page, no matter what submenu link I click. Can you help me out?
Hey Frank,
Could you please share the URL of the website so that I can investigate this issue?
I appreciate your help, like the last comments, I have the issues with the Mobile menu. I there any updates on it for mobile screens?
What? The mobile menu does not show on hover…that is not an applicable question.
Hi Nelson! Is there a way to have the submenu of one main menu drop down item close, when you click another main menu link?
Also, is there any special code to make this work on my mega menu as well? I only have the mega menu set up when you hover over ‘Instruments’
Thanks for your great tutorials!
Kristi
Hi Kristi
Could you please share the website URL so I can investigate the issue further?
None of the scripts with css are working for me. I have a mega menu and I am experiencing no difference at all or i am getting no sub-menus at all
Probably won’t work with the mega menu class out of the box.
Ok, do i need to change the class name?
Probably, that is outside the scope of this tutorial, so it may need to be custom coded by a developer.
Bonjour, ce code ne fonctionne pas j’ai toujours l’effet de survol sur les menus et impossible de faire un lien avec les sous menus