JP Mega Menu - Wordpress
Article Index
JP Mega Menu is a specially designed plugin to create beautiful, dynamic and super functional menu's for YOOtheme Pro websites. By using the YOOtheme Builder widget you can create large mega menu's which enclosed dynamic content and any type of builder elements.
How to install :
- Download the latest “JP Mega Menu” package from “JP Mega Menu” product page.
- Install the downloaded zip file package using the "Plugins" -> "Add new" -> "Upload Plugin" -> "Choose File" -> "Install Now" in the admin section of your website (like any other new plugins installation).
- After JP Mega Menu successfully installed, activated the plugin .
- Click “Plugins -> Installed Plugins”. Use the Search installed plugins to find and then click "Activate".
Builder Widget Configuration :
- Create a new widget from the "Widgets Manager" of widget type "Builder" under your prefferred layout position
- Give a "Title" to the new builder widget, Click "Save".
- Then Click "Customize" -> "Widgets" -> "Layout Position" -> "Open Builder" option in the newly created builder widget.
- Create the contents of the menu as per your requirements using the builder elements and dynamic content sources. Click "Publish" to save the builder menu content
If you have problems rendering the content of the Mega Menu correctly, please try to clear the Yootheme cache
- Click "Customize" in the wordpress admin Appearance menu .
- Go to "Settings -> Advanced -> Clear Cache"
JP Mega Menu Configuration :
- Once created the builder widget, add the newly created menu of type "JP Mega Menu" to your website Main menu.
Remove Builder only supported on top and bottom :
- After setting all the above configurations and the mega menu works good, then move the JP Mega Menu Builder widget to any of the builder position for example : "Builder 6" or "Inactive Widgets" to remove the template message "Builder only supported on top and bottom".
Header Layout Configuration :
- Click "Customize" in the wordpress admin Appearance menu and then select "Layout" .
- Then select "Header" section to configure "Dropdown" alignment and "Dropbar" style .
- Set the "Dropdown" alignment as "Center" and "Dropbar" style as "Slide or Push".
- Once finished all the settings , Click "Save layout" and "Close" the website builder.
- If you want to show JP Mega Menu dropdown as a fullwidth, then set Navbar Items width setting to "Justify dropdown"
If you have problems rendering the content of the Mega Menu correctly, please try to clear the Yootheme cache
- Click "Customize" in the wordpress admin Appearance menu .
- Go to "Settings -> Advanced -> Clear Cache"
Mobile Layout Configuration :
- To get the wider menu in mobile view configuration to "JP Mega Menu" is under site layout mobile settings.
- Click "Customize" in the wordpress admin Appearance menu and then select "Layout" .
- Then select "Mobile" section to configure "Menu Animation" style .
- Set the "Menu Animation" style as "Dropdown or Modal" and "Dropdown Animation" as "Slide or Push".
- Once finished all the settings , Click "Publish" and "Close" the website builder.
Video Tutorial
- Have a look of "JP Mega Menu" output.