MegaMenu Builder is a visual generator for Bootstrap 5 navbars and mega-menus. Drag & drop links, dropdowns, buttons and image-driven mega sections, fine-tune colors, alignment, logo and responsive behavior, then preview and copy ready-to-use code (HTML+JS & CSS).
Use the left panel to set Brand, Logo URL, Logo size, sticky/collapse behavior, container type and alignment. Colors are applied via CSS variables and exported with your code. The switch Apply mbr theme… adds mbr-theme-style="display-4" on brand, links & buttons so the typography follows your Mobirise theme.
The app is split into four areas:
If you import a Mobirise project, the builder lists every block that has an #anchor; you can auto-fill link href from that list in the Inspector.
Container requirement: In Mobirise*, add a Witsec “Container” block from the Witsec gallery. Then:
.mobirise (or JSON project) to enable the anchor link helper
Click Copy HTML+JS and Copy CSS. On your target page, load bootstrap.min.css and bootstrap.bundle.min.js. Paste the CSS after your existing styles. The hover-preview JavaScript is already included in the HTML block.
bootstrap.bundle.min.jslocalStoragembr-theme-style="display-4" attribute when “Apply mbr theme…” is enabled.brand-logo{ height:… })Important: Before using blocks, add-ons or software, please make a full backup of your project folder.
While this tool has been tested to operate safely, it performs mass modifications to your files and folders. The author cannot be held responsible for any loss, corruption, or damage caused by its use.
Use at your own risk — always work on a copy when in doubt.
* Use of the Website/Services is at your own risk. The Website/Services are provided on an "AS IS" and "AS AVAILABLE" basis without any representation or endorsement made and without warranty of any kind whether express or implied, including but not limited to the implied warranties of satisfactory quality, fitness for a particular purpose, non-infringement, compatibility, security and accuracy. To the extent permitted by law, Zen2cool will not be liable for any indirect or consequential loss or damage whatsoever (including without limitation loss of business, opportunity, data, profits) arising out of or in connection with the use of the Website/Services. We strictly try not to break any copyright law, and in case any data gets included unknowingly in our design/product, we are always willing to remove/rectify the same since we respect the copyright law.
* Mobirise and the Mobirise Logo are trademarks of Mobirise.com and are acknowledged as such.