Title: Mega submenu not completely responsive
Last modified: August 30, 2016

---

# Mega submenu not completely responsive

 *  Resolved [justmigrating](https://wordpress.org/support/users/justmigrating/)
 * (@justmigrating)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/mega-submenu-not-completely-responsive/)
 * Website in progress at [http://www.jdaviswebdesign.com/visual](http://www.jdaviswebdesign.com/visual)(
   custom theme). The Mega Menu submenu remains in columns even at the breakpoint.
   Switches from three columns to two columns (as if the first column is not set
   to display:block) so on a phone, the columns run into each other. The CSS is 
   a little heavy for me to figure out how to get all the columns in the submenu
   to be display:block. Advise?
 * [https://wordpress.org/plugins/megamenu/](https://wordpress.org/plugins/megamenu/)

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

 *  Thread Starter [justmigrating](https://wordpress.org/support/users/justmigrating/)
 * (@justmigrating)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/mega-submenu-not-completely-responsive/#post-6817594)
 * I found a workaround. I added the following code to the custom styling section
   of the settings:
 * [@media](https://wordpress.org/support/users/media/) only screen and (max-width:
   640px) {
    #mega-menu-wrap-main #mega-menu-main { padding:0 !important; } ul.mega-
   sub-menu li { float:none !important; } #mega-menu-wrap-main #mega-menu-main >
   li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item { width:100% !important;}}
 *  [Lígia ‘Lilly’ Freitas](https://wordpress.org/support/users/lfreitas/)
 * (@lfreitas)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/mega-submenu-not-completely-responsive/#post-6817755)
 * Thanks for sharing, justmigrating!
 * I also added width 100% to:
 * #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > 
   ul.mega-sub-menu > li.mega-menu-item
 * And worked great with my theme. Thought could help someone too.
 *     ```
       @media only screen and (max-width: 640px) {
       #mega-menu-wrap-main #mega-menu-main {
       padding:0 !important;
       }
       ul.mega-sub-menu li {
       float:none !important;
       }
       #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item,
       #mega-menu-wrap-main #mega-menu-main > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
       width:100% !important;
       }
       }
       ```
   

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

 The topic ‘Mega submenu not completely responsive’ 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/)

 * 2 replies
 * 2 participants
 * Last reply from: [Lígia ‘Lilly’ Freitas](https://wordpress.org/support/users/lfreitas/)
 * Last activity: [10 years, 9 months ago](https://wordpress.org/support/topic/mega-submenu-not-completely-responsive/#post-6817755)
 * Status: resolved