menu width display issue

Hi pierre,

I will need to inspect the site using my own browser. Please post a link to your site so I can take a look.

Regards,
Tom

Hi,
Here is my test website: https://f9da-df55b8c3bd50.wptiger.fr/
Regards

Hi pierre,

Thanks. I see it is a conflict with your theme (thestory). To fix it you will need to edit your themes header.php file (or whichever file is responsible for outputting the following code – you may need to look around for ti) and remove the id=”menu” attribute:

Then add the following to Appearance > Customize > Additional CSS:

.nav-menu {
  float: left;
}

Regards,
Tom

Hi,

Thank you for your reply.

I removed the id=menu and added the php function but it still doesn’t work.
See here

The display widths of the menus are still not correct.

And the menu is on 2 lines with the icons.

Hi Pierre,

It looks like you’re removed the whole div that wraps the menu, please put it back so that the “nav-menu” class is present, then the CSS I provided above will position the menu correctly (note it is CSS and not PHP, so please make sure you follow the instructions closely)

Please check this documentation for details on how to adjust the sub menu width:

https://www.megamenu.com/documentation/adjust-sub-menu-width/

Regards,
Tom

• This reply was modified 3 years, 10 months ago by megamenu.

Hello,

Thank you for your reply.

It works better indeed. However, I still have a problem.

On the mobile version, the main menu does not work. When I click on the “hamburger menu” nothing happens.

Regards,

Hi Pieree,

Please disable maintenance mode so I can see the site. I check these forums each morning on weekdays, so I will next be here on Monday.

Regards,
Tom

Hi,

Sorry. I have disabled maintenance mode.

Thanks

Hi Pierre,

Thanks. Please go to Appearance > Customize > Additional CSS and add the following:

@media screen and (max-width: 1000px) {
  .mega-menu-pexeto-main-menu .navigation-container {
    display: block;
  }
  .mega-menu-pexeto-main-menu .mobile-nav,
  .mega-menu-pexeto-main-menu .header-buttons {
    display: none;
  }
}

Then under Mega Menu > Menu Themes > Mobile Menu, enable the Sub Menu – Force Full Width option.

Regards,
Tom

Hello,
Thank you very much for your answer !
Last question: is it possible to completely hide a menu on mobile (not only the item) ?
Regards

Hi Pierre,

Please see:

https://www.megamenu.com/documentation/hide-mobile-menu/

Regards,
Tom

Hi,
Thank you !
Regards
Pierre