Title: Equal Column Height?
Last modified: April 10, 2020

---

# Equal Column Height?

 *  Resolved [intoclicks](https://wordpress.org/support/users/intoclicks/)
 * (@intoclicks)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/equal-column-height-2/)
 * HTTP Authentication:
    - username: intoclicks
    - password: jazzy-coil
 * Using Max Mega for the “Program Areas” menu item in the main navigation; I am
   trying to make the columns equal height so the column on the right (with the 
   purple-ish background color) stretches to the bottom instead of leaving a black
   space at the bottom.
 * I tried editing the CSS but I don’t think I’m targeting correctly. I gave the
   row and columns their own classes, and tried to use `display: table;` and `display:
   flex;` for the row and their corresponding column settings, but neither seemed
   to output correctly.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fequal-column-height-2%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Author [megamenu](https://wordpress.org/support/users/megamenu/)
 * (@megamenu)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/equal-column-height-2/#post-12666073)
 * Hi Intoclicks,
 * Please add this to _Mega Menu > Menu Themes > Custom Styling_:
 *     ```
       #{$wrap} #{$menu} > li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu {
           display: flex;
       }
       #{$wrap} #{$menu} > li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column {
           flex: 1;
       }
       ```
   
 * If you want a full height border between your columns, also add:
 *     ```
       #{$wrap} #{$menu} > li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column:not(:first-child) {
           border-left: 1px #ccc solid;
       }
       ```
   
 * Regards,
    Tom
 *  Thread Starter [intoclicks](https://wordpress.org/support/users/intoclicks/)
 * (@intoclicks)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/equal-column-height-2/#post-12673797)
 * Hi there,
 * This worked great, thank you so much! Marking resolved. 🙂

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

The topic ‘Equal Column Height?’ 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: [intoclicks](https://wordpress.org/support/users/intoclicks/)
 * Last activity: [6 years, 1 month ago](https://wordpress.org/support/topic/equal-column-height-2/#post-12673797)
 * Status: resolved