Responsive Megamenu is not working- help!

Oops! Sorry, the site I’m referring to is https://www.ambrosi.ca

Hi,

Your site looks broken at the moment (just seeing grey with no content), please let me know when it’s working again and I’ll take another look.

Regards,
Tom

Hi! Thank you for alerting me to that.
I fixed it and the site works properly now. Strangely, an update of the Yoast SEO plugin was responsible.

Please have another look at my site.
Also, I’d really like to add a black underlining of menu items on hover. Can this be accomplished easily? If so, I’d greatly appreciate some simple instructions

Thank you!
A.G.

I’ve been trying to figure out why the Megamenu is not “responsive” but still can’t figure it out. Its probably something simple that you’ll figure out in seconds.

Thanks for your help!

Hi AnthGeo,

You will need to edit your header.php file (Appearance > Editor, select header.php on the right), then:

Find:

<nav id="nav-main" class="nav-main clearfix" role="navigation">

Replace with:

<nav role="navigation">

Regards,
Tom

Thank you for your reply! I went to Appearance > Editor, and selected header.php on the right. But the code you referred to is not there. I’ve written to the developer of my theme to ask whether it might be moved somewhere else.

Is that possible?

Hi,

Yes, absolutely possible ?? It’s usually in header.php but it depends how the theme author has done it. They should be able to point you in the right direction quite easily.

Regards,
Tom

Hi Tom,
Sorry I accidently posted my question in the other topic about hover-underline. Oops! Here is my question:
——————

Hello Tom,

I asked the developer of my theme about the fix you recommended. He told me where to go to fix it but added “I don’t quite understand why the navigation ID and classes has to be removed. There should be an easy CSS fix for your issue”.

This brings me to my next question: Is there an easy CSS fix?

If I must, the developer recommended fixing it by overridin gthe theme’s .php file and install a child theme. But he added “this is a modification of a theme and I will not provide support on any issues related to this once you change the code.”

I’m not sure I want to change the theme and lose his support if I run into problems. I’m pretty new to all this and am running into a lot of problems ??

I’ll await your advice.

Hi, it’s possible to override the CSS but it’s a time consuming process to get it right, and with every theme being different I don’t have time to do it for each person who needs it.

It’s much easier to remove the classes from the menu so that the theme CSS isn’t applied to the menu in the first place.

Regards,
Tom

Hi Tom,

Thanks for your patient advice.
I’ll check that and make the changes!

Best regards,
A.G.

I did Find:

<nav id=”nav-main” class=”nav-main clearfix” role=”navigation”>

Replace with:

<nav role=”navigation”>

but it is not working

I can’t see whole menu on mobile device( tested with iphone 5) and when I resized webpage under width: 980px , then … menu is disappeared …
Would you please help? Do I need to give you website link?

Hey,

I have the same problem with megamenu not being responsive, and deleting the id & class did not solve it. Only that now the icon from default nav is no longer showing.

Any ideas? ??

Hi,

Please can you both post new topics and include a link to your site.

Please also check this link to see if there are already instructions for your theme:

https://www.maxmegamenu.com/documentation/faqs/theme-integration/

Regards,
Tom

Hei,

For me it is yet impossible to post the link, as it is only on localhost for now.. but my theme is Unite. Further steps?

tnx!

Hi

this is my code in header.php. Anlog with the menu from back end i am adding some more menu according to my requirements and appending that to the main menu using jquery all those are working fine and when i look on the page source also mega menu is there but its not displaying. I just alerted the id onmouseover for all other menus its showing but for the menu with mega menu its not showing any thing
$html.='<li id=”menu-item-356″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-has-mega-menu menu-item-has-icon menu-item-356″>
Business
<div class=”mega-menu animated” style=”margin-top: -91px; width: 180px;”>
<ul class=”sub-menu mega-menu-row” style=”margin-top: -91px;”>’;

foreach($results as $result){
$i=357;
$html.='<li id=”menu-item-‘.$i.'” class=”menu-item menu-item-type-post_type menu-item-object-page mega-menu-col menu-item-‘.$i.'”>
‘. $result[‘business_name’].’‘;

}

$html.='</div>’;