Title: menu width display issue
Last modified: April 27, 2021

---

# menu width display issue

 *  Resolved [pierre](https://wordpress.org/support/users/pierrelonchampt/)
 * (@pierrelonchampt)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/menu-width-display-issue/)
 * Hi there,
 * I have a display problem with the width of the menu.
    I have set a max width (
   outer and inner) of 500px in the options but it does not seem to be respected.
   See here : [https://ibb.co/Vj8Ytvs](https://ibb.co/Vj8Ytvs)
 * How can I fix it ?
 * Thank you !

Viewing 12 replies - 1 through 12 (of 12 total)

 *  Plugin Author [megamenu](https://wordpress.org/support/users/megamenu/)
 * (@megamenu)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/menu-width-display-issue/#post-14373989)
 * 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
 *  Thread Starter [pierre](https://wordpress.org/support/users/pierrelonchampt/)
 * (@pierrelonchampt)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/menu-width-display-issue/#post-14374390)
 * Hi,
    Here is my test website: [https://f9da-df55b8c3bd50.wptiger.fr/](https://f9da-df55b8c3bd50.wptiger.fr/)
   Regards
 *  Plugin Author [megamenu](https://wordpress.org/support/users/megamenu/)
 * (@megamenu)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/menu-width-display-issue/#post-14378928)
 * 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:
 * [⌊2021-04-29_10-46-12⌉⌊2021-04-29_10-46-12⌉[
 * Then add the following to Appearance > Customize > Additional CSS:
 *     ```
       .nav-menu {
         float: left;
       }
       ```
   
 * Regards,
    Tom
 *  Thread Starter [pierre](https://wordpress.org/support/users/pierrelonchampt/)
 * (@pierrelonchampt)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/menu-width-display-issue/#post-14381806)
 * Hi,
 * Thank you for your reply.
 * I removed the id=menu and added the php function but it still doesn’t work.
    
   See [here](https://ibb.co/zV9R57K)
 * The display widths of the menus are still not correct.
 * And the menu is on 2 lines with the icons.
 *  Plugin Author [megamenu](https://wordpress.org/support/users/megamenu/)
 * (@megamenu)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/menu-width-display-issue/#post-14383396)
 * 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/](https://www.megamenu.com/documentation/adjust-sub-menu-width/)
 * Regards,
    Tom
    -  This reply was modified 5 years, 1 month ago by [megamenu](https://wordpress.org/support/users/megamenu/).
 *  Thread Starter [pierre](https://wordpress.org/support/users/pierrelonchampt/)
 * (@pierrelonchampt)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/menu-width-display-issue/#post-14408392)
 * 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,
 *  Plugin Author [megamenu](https://wordpress.org/support/users/megamenu/)
 * (@megamenu)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/menu-width-display-issue/#post-14410888)
 * 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
 *  Thread Starter [pierre](https://wordpress.org/support/users/pierrelonchampt/)
 * (@pierrelonchampt)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/menu-width-display-issue/#post-14417799)
 * Hi,
 * Sorry. I have disabled maintenance mode.
 * Thanks
 *  Plugin Author [megamenu](https://wordpress.org/support/users/megamenu/)
 * (@megamenu)
 * [5 years ago](https://wordpress.org/support/topic/menu-width-display-issue/#post-14419577)
 * 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
 *  Thread Starter [pierre](https://wordpress.org/support/users/pierrelonchampt/)
 * (@pierrelonchampt)
 * [5 years ago](https://wordpress.org/support/topic/menu-width-display-issue/#post-14463569)
 * 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
 *  Plugin Author [megamenu](https://wordpress.org/support/users/megamenu/)
 * (@megamenu)
 * [5 years ago](https://wordpress.org/support/topic/menu-width-display-issue/#post-14474830)
 * Hi Pierre,
 * Please see:
 * [https://www.megamenu.com/documentation/hide-mobile-menu/](https://www.megamenu.com/documentation/hide-mobile-menu/)
 * Regards,
    Tom
 *  Thread Starter [pierre](https://wordpress.org/support/users/pierrelonchampt/)
 * (@pierrelonchampt)
 * [5 years ago](https://wordpress.org/support/topic/menu-width-display-issue/#post-14477122)
 * Hi,
    Thank you ! Regards Pierre

Viewing 12 replies - 1 through 12 (of 12 total)

The topic ‘menu width display issue’ is closed to new replies.

 * ![](https://ps.w.org/megamenu/assets/icon-128x128.png?rev=1489843)
 * [Max Mega Menu](https://wordpress.org/plugins/megamenu/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/megamenu/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/megamenu/)
 * [Active Topics](https://wordpress.org/support/plugin/megamenu/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/megamenu/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/megamenu/reviews/)

 * 12 replies
 * 2 participants
 * Last reply from: [pierre](https://wordpress.org/support/users/pierrelonchampt/)
 * Last activity: [5 years ago](https://wordpress.org/support/topic/menu-width-display-issue/#post-14477122)
 * Status: resolved