Mega Navigation For Mega Website Builder Gridbox Released!

Mega Menu For Mega Website Builder Gridbox Released!

Today we are happy to announce the new version of the Joomla Website Builder Gridbox 2.2.5. Today's update includes one of the most awaited feature - possibility to create Powerful Mega Menus. We made a lot of changes and improvements for the Gridbox plugin Menu. Ladies and Gentlemen, fasten your seatbelts, let the show begin!

Creating and Editing Menu Items

With Joomla Website Builder Gridbox 2.2.5 you can create, edit and sort Joomla menu items right from the Gridbox editor. You can't even imagine how easy and fast you can control your Joomla menu with Gridbox.


Changing the Order of Items in a Menu

Using the simple Drag and Drop you can change the order of menu items right in the editor. But the most interesting that you can place menu item anywhere and see results instantly!

Changing the Order of Items in a Joomla Menu - Joomla Website Builder Gridbox

As you can see on the animation, menu items you can sort not only within the same level. You can easily move any menu item from the submenu to the root and vice versa.


Adding a New Menu Item

To add a new menu item, open settings of the plugin Menu, click on the icon "Add New Item". In the opened modal window enter: title, assign page and menu item root.

Adding a New Joomla Menu Item - Joomla Website Builder Gridbox

We want to note, that you can assign only Gridbox items: single pages, categories and posts from the Gridbox Blogging App.

By the way, you can not only add or edit menu items, also, you can delete already created menu items, just click on the icon "Trash"

Delete Joomla Menu Item - Joomla Website Builder Gridbox

Adding Icons To Joomla Menu Items

In the web, you can find tons of tutorials about how to add icons to Joomla menu items. But today we want to propose you a truly unique, simple and quick solution.

To add the icon for the menu item, you need click on the icon "Edit Menu" in the opened modal window, click on the field "Icon" and select icon for menu item from the Icon library.

Adding Icons To Joomla Menu Items - Joomla Website Builder Gridbox

Page Builder Gridbox includes 3 icon libraries, more that 1000 icons are available for you!

What's can be easier?! If you know a more simplest way how to add icon for the Joomla menu item, please leave your review in the comments form, share your experience with us!

Create a Beautiful Navigation

Since the release of the Joomla Website Builder Gridbox, we got a lot of requests to add more options for the navigation, as minimum, return back background options for the menu items, as it was in the Gridbox 1.x.

Friends, we hear you! Now, design options divided into 3 groups: Navigation, Dropdown and Submenu options.


How to Customize Navigation in Joomla Website Builder Gridbox?

We would like to say a little more about Dropdown options. Gridbox allows you to configure the width and animation of the dropdown.


Changing the Width of the Dropdown Menu

To set the width of the Dropdown menu. Just open menu settings, navigate to:
Design >> Dropdown >> Width and set your value.

Changing the Width of the Dropdown Menu - Joomla Website Builder Gridbox


Dropdown Menu Animation

One of our favorite features of this update - animations for dropdown.

Gridbox allows you to set 1 of 9 beautiful animations and also you can set the animation duration.

Dropdown Menu Animation - Joomla Website Builder Gridbox

Your navigation will looks awesome and will stand out among thousands of other websites with a stunning animated dropdown.

Drag & Drop Mega Menu Builder

Ladies and Gentlemen, Joomla Website Builder Gridbox 2.2.5 allows you to create awesome Mega Menus right from the editor, in real time, using simple Drag and Drop and see results instantly. Yes! Mega Menu for Joomla Website Builder Gridbox is available and we provide you the easiest way to build unbelievable mega menus.

Mega Menu - Joomla Website Builder Gridbox

The platform for the Mega Menu became the standard Gridbox section, this means that you have a huge number of options for customizing your mega menu. Up to 12 column layouts, backgrounds etc. all this awesome stuff are available for you!

Inside the Mega Menu you can add any Gridbox plugin or Joomla module. Slideshows, recent posts, contact forms, maps, tabs etc. you can easily add to your mega menu, in the same way as with a standard Gridbox section.


How to Enable Mega Menu

To enable mega menu, open menu settings and click on the icon “edit menu item”, in the opened modal window click on the checkbox “Mega Menu”

Enable Mega Menu - Joomla Website Builder Gridbox

NOTE: The mega menu you can assign only to the root menu items. If root menu item has a submenu, in this case, dropdown with submenu items will not be displayed.


Mega Menu Settings

Despite the fact that the mega menu is based on section, mega menu has own additional options which are not available for standard Gridbox section.

To open additional mega menu options, you need to open mega menu section settings. There you’ll find next options:

  • Position - set the position of the mega menu relative to the menu item;
  • Full Width - automatically resize the width of the parent section to width of the browser;
  • Width, px - set the width of the mega menu in pixels.


Add Plugins From The Library

Due to technical reasons, you can't move the library items to mega menu using Drag and Drop, because after clicking on the icon "Library" on the sidebar, the menu will be closed. But, How to add library items to the Mega Menu?!.

To resolve this question and allow to add library items in the Mega Menu we have added a new icon "Library".

Add Plugins From The Library - Joomla Website Builder Gridbox

By clicking on the icon "Library" will be opened modal window with a list of all available library items. So, you need just select necessary library item, and it's all! Simplicity it's a Key!


Mega Menu on Mobile Devices

Thanks to flexibility of the Gridbox Responsive Editor, your mega menu will looks awesome on all screen sizes and mobile devices.

Mega Menu on Mobile Devices - Joomla Website Builder Gridbox

Mega menu and plugin settings on mobile devices you can configure in the same way as for standard Gridbox section and plugins. By the way, If you do not want to display mega menu on mobile devices, you can use option "Hide on Devices".

Collapsing Submenu Items on Mobile Devices

Do you have a huge menu with tons of menu items?! This is what you need! New option "Collapse Submenu" allows to collapse submenu items, as a result visitors can navigate large mobile menu more easily.

Collapsing Submenu Items on Mobile Devices - Joomla Website Builder Gridbox

To enable "Collapse Submenu" option open "Menu Settings", navigate to "Mobile" tab and enable "Collapse Submenu" option by clicking on the checkbox.

One Page Menu Plugin

As you know Gridbox comes with a One Page Menu plugin, which allows you easily to create One Page Joomla websites with an awesome smooth scrolling animation.

And of course, we didn't forget to add all these amazing new features for the plugin "One Page Menu". Backgrounds, borders, icons for the menu items are also available.

One Page Menu Plugin - Joomla Website Builder Gridbox

With Joomla Website Builder Gridbox you can build a truly beautiful navigation for your One Page Joomla website!

Move Items Between Gridbox Apps

Joomla Website Builder Gridbox 2.2.5 got updates not only for the plugin Menu, we also did an improvements for Gridbox Apps.

Very simple but very important feature "Move To" which allows to move single pages and blog posts between Gridbox apps.

Move Items Between Gridbox Apps - Joomla Website Builder Gridbox

To move Gridbox item between apps, Right click on the item, from the context menu select "Move To". In the opened modal window select App and category (for blog items)

NOTE: You can move items between apps with the same type. For example, the blog post you can move only between blogging apps, and the same for the single pages.

Restoring Deleted Items

As was added a possibility to move items between Gridbox apps, we decided to improve restoring process of the deleted items.

Restoring Deleted Items - Joomla Website Builder Gridbox

After clicking "Restore" from the context menu, you'll be able to select an App and category (only for blog items) to which you want to restore your previously deleted item.

Conclusion

Joomla Website builder Gridbox has arrived with a huge update and the biggest and awaited feature is a Mega Menu. Just imagine, with Gridbox you can create a truly powerful and beautiful navigation for your Joomla websites, and all creating process comes in real time, you can see results instantly!

Feel free to write your opinion and ideas about Gridbox 2.2.5. Your comments are really inspiring us to build the best extensions for Joomla! CMS. Let’s Rock, Let’s Develop!

p.s. Update includes a lot of new features, after update don’t forget to clear your browser and Joomla cache!

One Year Ago Today!

1 year ago, in the middle of December we made a decision - Stop Updating Gridbox 1.x and start creating an absolutely New Website Building Platform for Joomla CMS - Gridbox 2.x.

Throughout the year, we worked hard with improvements and new features for Gridbox 2.x. and turning back, comparing Gridbox 1.x with Gridbox 2.x. only one thought
"Wow...".

When we officially informed about Gridbox 2.x in the blog post "The Future of Website Builder Gridbox." we were incredibly surprised by the activity of our customers. To be honest, it was something incredible, we got tons of emails with a question when the release of the Gridbox 2.

We want to say Thank You! to all our customers for your support during all this time!
We ❤ You!

Join Gridbox PRO for $59