Title: Mega Menu
Last modified: February 6, 2022

---

# Mega Menu

 *  Resolved [chappers1972](https://wordpress.org/support/users/chappers1972/)
 * (@chappers1972)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/mega-menu-40/)
 * Hi there,
 * We are looking to include a mega menu in our primary menu.
 * There are a couple of solutions that I’m looking at (CSS only (preferred) or 
   Max Mega Menu plugin) but both are presenting issues which need to be addressed.
 * So, before trying to fix those, do you have a recommended way of adding a mega
   menu when using Twentig?
 * Thanks,
    Richard.
    -  This topic was modified 4 years, 2 months ago by [chappers1972](https://wordpress.org/support/users/chappers1972/).

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

 *  Thread Starter [chappers1972](https://wordpress.org/support/users/chappers1972/)
 * (@chappers1972)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/mega-menu-40/#post-15333601)
 * For information…
 * The CSS method is based on this: [https://www.prowebdesign.ro/fast-easy-wordpress-mega-menu-without-plugins/](https://www.prowebdesign.ro/fast-easy-wordpress-mega-menu-without-plugins/)
 * They warn about the mega menu being only as wide as the top-level menu item. 
   This is the problem I’m experiencing.
 * The advised resolution is:
 * “It’s important to give position:static; to the top level menu item. This way,
   the absolutely positioned .sub-menu will span 100% of the width of the first 
   ancestor container that has position:relative; . So make sure you give position:
   relative to the site header or any other container that suits you. If top level
   menu would have had position:relative; then the mega menu would be only as wide
   as the top level menu item.”
 * This is where I run out of talent and need help from an expert!
 * The website I’m testing it on is here: [https://lighterhrstage.wpengine.com/](https://lighterhrstage.wpengine.com/)
 * Note: I’ve not put any other formatting on the mega menu at this time.
 * Thanks.
 *  Thread Starter [chappers1972](https://wordpress.org/support/users/chappers1972/)
 * (@chappers1972)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/mega-menu-40/#post-15333605)
 * The website is on WordPress 5.9, TwentyTwentyOne theme v1.5 and Twentig v1.3.9.
 * Thanks.
 *  Plugin Author [Twentig](https://wordpress.org/support/users/twentig/)
 * (@twentig)
 * [4 years, 1 month ago](https://wordpress.org/support/topic/mega-menu-40/#post-15362275)
 * Hi Richard,
 * Unfortunately, we haven’t tested mega menu plugins, so we can’t recommend one.
   As for the CSS method based, I’m afraid it can’t work with the theme. This method
   requires putting a static position on the parent menu container but doing so 
   breaks the header’s layout.
 * Have a nice day,
    Tom

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

The topic ‘Mega Menu’ is closed to new replies.

 * ![](https://ps.w.org/twentig/assets/icon.svg?rev=2569439)
 * [Twentig Supercharged Block Editor – Blocks, Patterns, Starter Sites, Portfolio](https://wordpress.org/plugins/twentig/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/twentig/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/twentig/)
 * [Active Topics](https://wordpress.org/support/plugin/twentig/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/twentig/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/twentig/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [Twentig](https://wordpress.org/support/users/twentig/)
 * Last activity: [4 years, 1 month ago](https://wordpress.org/support/topic/mega-menu-40/#post-15362275)
 * Status: resolved