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 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 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 5 years, 1 month ago by megamenu.

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 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

Hi Pierre,

Please see:

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

Regards,
Tom