Best Mega Menu Plugin for Flatsome
Flatsome is the WooCommerce theme of choice for serious online stores — its UX Builder and Studio offer real flexibility for product layouts and shop pages. So why would a Flatsome shop owner add a separate mega menu plugin?
Because Flatsome’s built-in nav was designed around simple dropdowns, not the shopping-mode navigation modern stores need.
Where Flatsome’s menu hits its ceiling
Flatsome’s UX Builder gives you a “menu item” element that can host a saved row — useful, but limited:
- Mega menu content has to be built as a saved UX Builder row, then re-edited every time you want to change a product category
- No native horizontal shopping tabs with product imagery
- No auto-pull for new product categories or new posts
- Cart icon is fixed in Flatsome’s header — can’t be moved into the menu structure
- Mobile menu doesn’t carry over rich mega content cleanly
Ruby Mega Menu turns all of those into native menu actions — managed from Appearance → Menus, the place WordPress users already know.
Ruby Mega Menu + Flatsome integration
- Install Ruby Mega Menu from your plugins page
- Go to Appearance → Menus and pick your main menu
- Enable Ruby Mega Menu on the menu
- Per item, choose your layout — for stores, shopping tabs are the highest-converting
Flatsome’s header continues to render through its own template; Ruby just replaces the menu output with a richer version. No UX Builder rebuilding.
Tested compatibility
- Flatsome 3.x and newer
- UX Builder header layouts
- Flatsome Studio prebuilt headers
- WooCommerce 8+ shop and product pages
- Flatsome mobile menu (slide-in)
Made for WooCommerce shoppers
Flatsome users are almost always running stores. Ruby’s most relevant features for that workflow:
Horizontal shopping tabs
Horizontal shopping tabs show product categories with imagery, side by side. Users land on the right category in two clicks instead of digging through layered dropdowns. This is the #1 conversion pattern for stores with 20+ categories.
Live WooCommerce cart icon
Drop a cart icon with live item count anywhere in your menu — including right-aligned next to your account link. Updates in real time as shoppers add to cart.
Auto-pull new categories
When you add a new product category to WooCommerce, it can flow into your menu automatically — no manual menu edit required.
Pricing for Flatsome stores
Free covers dropdowns and vertical content tabs. Pro at $28.99/year unlocks the features Flatsome users care about most: shopping tabs (horizontal), WooCommerce cart integration, and site logo in the menu bar.
For agencies running multiple Flatsome stores, Pro Unlimited covers all client sites under one license. See pricing →
Next steps
If your Flatsome store has more than 15 product categories, shopping tabs alone are usually worth the upgrade. Install the free version first to test the menu builder, then upgrade once you’ve shaped your layout.