Okay
  Print

UberMenu Installation & Support

The installation is very straight forward.

  1. Install & activate the UberMenu plugin.

  2. Go to the Import / Export section and click the Import settings button
    http://d.pr/i/16M4k

  3. Copy the default settings below and paste them within the Export default settings, then click the Confirm and Import Settings Now button
    http://d.pr/i/za6x

  4. {"direct_inject":"off","nav_menu_id":"_none","skin":"none","orientation":"horizontal","vertical_submenu_width":"","trigger":"hover_intent","transition":"shift","transition_duration":"","bar_align":"full","bar_width":"","bar_margin_top":"","bar_margin_bottom":"","items_align":"left","bar_inner_center":"off","bar_inner_width":"","descriptions_top_level":"on","descriptions_headers":"on","descriptions_normal":"on","descriptions_tab":"on","target_divider":" \u2013 ","bound_submenus":"inner","submenu_inner_width":"","submenu_scrolling":"off","submenu_max_height":"","dropdown_within_mega":"off","force_current_submenus":"off","invert_submenus":"off","image_size":"full","image_width":"","image_height":"","image_set_dimensions":"on","image_title_attribute":"off","disable_images_mobile":"off","lazy_load_images":"off","submenu_background_image_reponsive_hide":"off","responsive":"on","responsive_toggle":"on","responsive_toggle_tag":"a","responsive_toggle_content":"Menu","responsive_collapse":"on","responsive_max_height":"","display_retractor_top":"off","display_retractor_bottom":"on","retractor_label":"","force_styles":"on","style_menu_bar_background":"","style_menu_bar_transparent":"off","style_menu_bar_border":"","style_menu_bar_radius":"","style_top_level_font_size":"20","style_top_level_text_transform":"","style_top_level_font_weight":"","style_top_level_font_color":"","style_top_level_font_color_hover":"","style_top_level_font_color_current":"","style_top_level_font_color_highlight":"","style_top_level_margin":"","style_top_level_background":"","style_top_level_background_hover":"","style_top_level_background_current":"","style_top_level_background_highlight":"","style_top_level_item_divider_color":"","style_top_level_item_glow_opacity":"","style_top_level_item_glow_opacity_hover":"","style_top_level_padding":"30","style_top_level_horiz_padding":"","style_extra_submenu_indicator_padding":"on","style_align_submenu_indicator":"edge","style_top_level_item_height":"","style_submenu_background_color":"","style_submenu_border_color":"","style_submenu_dropshadow_opacity":"","style_submenu_fallback_font_color":"","style_submenu_minimum_column_width":"","style_submenu_highlight_font_color":"","style_submenu_item_padding":"","style_header_font_size":"","style_header_font_color":"","style_header_font_color_hover":"","style_header_font_color_current":"","style_header_font_weight":"","style_header_border_color":"","display_header_border_color":"on","style_normal_font_color":"","style_normal_font_color_hover":"","style_normal_font_color_current":"","style_normal_font_size":"","style_normal_background_hover":"","style_flyout_vertical_padding":"","style_tabs_background":"","style_tabs_color":"","style_tabs_color_hover":"","style_tabs_background_hover":"","style_tab_content_background":"","style_tab_content_force_header_color":"","style_tab_content_force_normal_color":"","style_tab_content_force_description_color":"","style_tab_divider_color":"","style_description_font_size":"","style_description_font_color":"","style_description_text_transform":"","style_top_level_arrow_color":"","style_submenu_arrow_color":"","style_hr":"","style_toggle_background":"","style_toggle_color":"","style_toggle_background_hover":"","style_toggle_color_hover":"","style_search_background":"","style_search_color":"","style_search_placeholder_color":"","style_search_icon_color":"","row_spacing":"","icon_width":"","icon_display":"block","google_font":"","google_font_style":"","custom_font_property":"","container_tag":"nav","allow_shortcodes_in_labels":"off","content_before_nav":"","display_submenu_indicators":"on","display_submenu_close_button":"off","theme_location_instance":"0"}
    	

  5. Assign the main menu within the UberMenu settings
    http://d.pr/i/S5dI

  6. Save the theme panel settings again to force CSS compilation.

  7. To have a similar look as the native theme menu, keep the UberMenu skin set to none under Basic Configurations
    http://d.pr/i/1al9N
  8. Under Position & Layout make sure that the submenu is Bound to the inner menu bar width
    http://d.pr/i/10YsH

  9. Under Style Customizations set a vertical padding of 30px
    http://d.pr/i/1bAZV

  10. You will be able to modify individual menu item settings within the Appearance / Menus
    http://d.pr/i/10wsQ

The menu will have similar styles as the native one but not exactly the same. You will need to build your mega menus the way you want them.

Note: Ubermenu is supported by our theme but not included since it's a premium plugin without an extended license. That being said, if you need support with this plugin, you will need visit / contact Ubermenu Helpdesk.

http://sevenspark.com/docs/ubermenu-3