Mega Navigation for Mega Website Builder Gridbox Released

Mega Menu and Navigation

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!

Mega Navigation for Mega Website Builder Gridbox Released

Managing Menu Items

With the 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



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 items 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 the 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 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 but you can also delete already created menu items, just click on the icon "Trash".

Delete Joomla menu item - Joomla website builder Gridbox

Adding Icons to Menu

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



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

Adding Icons to Joomla Menu Items - Joomla Website Builder Gridbox

Page builder Gridbox includes 3 icon libraries, more than 1000 icons are available for you!



What's can be easier?! If you know the more simplest way how to add an 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 a 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.

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 Dropdown Width



To set the width of the Dropdown menu. Just open menu settings, navigate to Design ➝ Dropdown ➝ Width ➝ Set your value.

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

Dropdown 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.



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

Dropdown Menu Animation - Joomla Website Builder Gridbox

Mega Menu Builder

Ladies and gentlemen, the 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 in 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. 




Enabling Mega Menu



To enable the 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

Mega Menu Settings



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



To open additional mega menu options, you need to open mega menu section settings. There you’ll find the 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 the 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 the 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 solve 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 the necessary library item, and it's all! Simplicity is a key!




Mega Menu on Responsive



Thanks to the flexibility of the Gridbox responsive editor, your mega menu will look 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 the mega menu on mobile devices, you can use the option "Hide on Devices".




Collapsing Submenu on Mobile



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

Collapsing Submenu Items on Mobile Devices - Joomla Website Builder Gridbox

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

One Page Menu

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.



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

One Page Menu Plugin - Joomla Website Builder Gridbox

Move Items In Apps

Joomla website builder Gridbox 2.2.5 got updates not only for the plugin Menu, but we also did improvements for Gridbox Apps.



Very simple but very important feature "Move To" which allows moving 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 of the same type. For example, in 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 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!

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!

Leave a comment

Share with your friends

Newsroom on your favourite platforms