Pluton
The following instructions will get Max Mega Menu working with Pluton.
Step 1: Go to Mega Menu > Tools and import the following theme:
|
1 |
{"title":"Pluton","container_background_from":"rgba(255, 255, 255, 0)","container_background_to":"rgba(255, 255, 255, 0)","arrow_up":"dash-f343","arrow_down":"dash-f347","arrow_left":"dash-f341","arrow_right":"dash-f345","menu_item_background_hover_from":"rgba(255, 255, 255, 0)","menu_item_background_hover_to":"rgba(255, 255, 255, 0)","menu_item_link_height":"83px","menu_item_link_color":"rgb(51, 51, 51)","menu_item_link_color_hover":"rgb(19, 175, 240)","menu_item_highlight_current":"on","panel_background_from":"rgb(255, 255, 255)","panel_background_to":"rgb(255, 255, 255)","panel_width":"body","panel_inner_width":".container","panel_border_color":"rgb(19, 175, 240)","panel_border_top":"3px","panel_header_color":"rgb(51, 51, 51)","panel_header_font_size":"15px","panel_header_font_weight":"normal","panel_header_padding_bottom":"0px","panel_header_margin_bottom":"10px","panel_header_border_color":"rgba(0, 0, 0, 0.2)","panel_header_border_bottom":"1px","panel_font_size":"14px","panel_font_color":"rgb(51, 51, 51)","panel_font_family":"inherit","panel_second_level_font_color":"rgb(51, 51, 51)","panel_second_level_font_color_hover":"rgb(51, 51, 51)","panel_second_level_text_transform":"uppercase","panel_second_level_font":"inherit","panel_second_level_font_size":"15px","panel_second_level_font_weight":"normal","panel_second_level_font_weight_hover":"normal","panel_second_level_text_decoration":"none","panel_second_level_text_decoration_hover":"none","panel_second_level_margin_bottom":"10px","panel_second_level_border_color":"rgba(19, 175, 240, 0)","panel_second_level_border_left":"3px","panel_third_level_font_color":"#666","panel_third_level_font_color_hover":"#666","panel_third_level_font":"inherit","panel_third_level_font_size":"14px","flyout_menu_background_from":"rgb(255, 255, 255)","flyout_menu_background_to":"rgb(255, 255, 255)","flyout_border_color":"rgb(19, 175, 240)","flyout_border_top":"3px","flyout_menu_item_divider_color":"rgba(0, 0, 0, 0.1)","flyout_background_from":"rgba(255, 255, 255, 0)","flyout_background_to":"rgba(255, 255, 255, 0)","flyout_background_hover_from":"rgba(0, 0, 0, 0.03)","flyout_background_hover_to":"rgba(0, 0, 0, 0.03)","flyout_link_size":"14px","flyout_link_color":"#666","flyout_link_color_hover":"#666","flyout_link_family":"inherit","responsive_breakpoint":"959px","shadow":"on","shadow_vertical":"2px","transitions":"on","mobile_columns":"1","toggle_background_from":"rgba(255, 255, 255, 0)","toggle_background_to":"rgba(255, 255, 255, 0)","toggle_font_color":"rgb(51, 51, 51)","mobile_background_from":"rgb(225, 225, 225)","mobile_background_to":"rgb(225, 225, 225)","custom_css":"#{$wrap} #{$menu} {\r\n > li.search-toggle-li,\r\n > li.woo-menu-icon {\r\n display: inline-block;\r\n padding: 0 10px;\r\n }\r\n}\r\n\r\nheader #site-navigation-wrap {\r\n margin-top: -43px;\r\n}\r\n\r\n@include mobile {\r\n #site-logo {\r\n z-index: 99999;\r\n position: relative;\r\n }\r\n #{$wrap} #{$menu} > li.search-toggle-li,\r\n #{$wrap} #{$menu} > li.woo-menu-icon {\r\n display: none;\r\n }\r\n header #site-navigation-wrap {\r\n width: 100%;\r\n margin-top: -19px;\r\n right: 0;\r\n }\r\n header #pluton-mobile-menu-icon {\r\n display: none;\r\n }\r\n}"} |
Step 2: Under Appearance > Menus, set the following values in the Max Mega Menu settings:
Event: Click
Theme: Pluton
That’s it! Enjoy using Max Mega Menu with Pluton. If you wish to modify the styling of the menu you can do so under Mega Menu > Menu Themes.