Max Mega Menu - Version 2.5.1

Version Description

  • Improvement: Redirect to theme editor page after importing a menu theme
  • Improvement: Show a warning if attempting to edit a menu theme that is not actually applied to a menu
  • Improvement: Add warning to the auto generated style.css file not to manually edit auto generated CSS
  • Improvement: Add clearfix to mobile menu
  • Improvement: Add notice to Navigation Menu widget to let users know that the Max Mega Menu widget should be used, if the intention is to display a mega menu
  • Improvement: Rename admin JS and CSS handles to "maxmegamenu" (from "mega-menu") to avoid conflicts
  • Improvement: Detect when Clearfy plugin is installed and 'disable dashicons' has been enabled
  • Improvement: Styling reset added (transition) for improved theme compatibility
  • Improvement: Detect and clear "Breeze" cache when changes are made to a menu
  • New Feature: Add "Mobile Sub Menu - Overlay Content" option to theme editor
  • New Feature: Add "Mobile Sub Menu - Force Width" option to theme editor
  • Fix: Unbind events from li.mega-menu-column and li.mega-menu-row elements (when Unbind Events is set to true)
  • Fix: Hide widget and column selector from mega menu builder when sub menu type is set to "Mega Menu - Tabbed"
  • Fix: Strip slashes when using shortcodes in Menu Toggle mobile toggle block
  • Fix: When WPML is installed, do not override the wp_nav_menu_args "menu" parameter to allow WPML to display the correct menu (removing the requirement to enable the WPML "Adjust IDs for multilingual functionality" option)
  • Fix: Remove box-shadow from menu items on mobile menu when Menu Item Divider is enabled
  • Fix: Apply CSS resets to mega-menu-row and mega-menu-column elements
  • Fix: Apply 'mega-megamenu' class to standard layout sub menus within tabbed mega menus
Download this release

Release Info

Developer megamenu
Plugin Icon 128x128 Max Mega Menu
Version 2.5.1
Comparing to
See all releases

Code changes from version 2.5 to 2.5.1

Files changed (14) hide show
  1. classes/menu-item-manager.class.php +4 -13
  2. classes/nav-menus.class.php +3 -3
  3. classes/settings.class.php +83 -38
  4. classes/style-manager.class.php +16 -3
  5. classes/toggle-blocks.class.php +8 -8
  6. classes/widget.class.php +30 -1
  7. css/admin/admin.css +469 -454
  8. css/admin/admin.scss +39 -20
  9. css/megamenu.scss +29 -12
  10. js/admin.js +5 -22
  11. js/maxmegamenu.js +33 -8
  12. js/settings.js +1 -1
  13. megamenu.php +51 -45
  14. readme.txt +24 -2
classes/menu-item-manager.class.php CHANGED
@@ -222,10 +222,8 @@ class Mega_Menu_Menu_Item_Manager {
222
 
223
  $all_widgets = $widget_manager->get_available_widgets();
224
 
225
- $display = $menu_item_meta['type'] == 'grid' ? 'none' : 'block';
226
-
227
  $return .= "<div class='mm_panel_options'>";
228
- $return .= " <select id='mm_number_of_columns' name='settings[panel_columns]' style='display: {$display}'>";
229
  $return .= " <option value='1' " . selected( $menu_item_meta['panel_columns'], 1, false ) . ">1 " . __("column", "megamenu") . "</option>";
230
  $return .= " <option value='2' " . selected( $menu_item_meta['panel_columns'], 2, false ) . ">2 " . __("columns", "megamenu") . "</option>";
231
  $return .= " <option value='3' " . selected( $menu_item_meta['panel_columns'], 3, false ) . ">3 " . __("columns", "megamenu") . "</option>";
@@ -268,12 +266,9 @@ class Mega_Menu_Menu_Item_Manager {
268
  */
269
  public function get_megamenu_grid_html( $menu_item_id, $menu_id, $menu_item_depth, $menu_item_meta ) {
270
 
271
- $class = $menu_item_meta['type'] == 'grid' ? 'enabled' : 'disabled';
272
- $display = $menu_item_meta['type'] == 'grid' ? 'block' : 'none';
273
-
274
  $css_version = get_transient("megamenu_css_version");
275
 
276
- $return = "<div id='megamenu-grid' class='{$class}' style='display: {$display}'>";
277
 
278
  if ( $css_version && version_compare( $css_version, '2.3.9', '<=' ) ) {
279
  $link = "<a href='" . esc_attr( admin_url( 'admin.php?page=maxmegamenu_tools' ) ) . "'>" . __("Mega Menu") . " > " . __("Tools") . "</a>";
@@ -544,12 +539,8 @@ class Mega_Menu_Menu_Item_Manager {
544
 
545
  $widget_manager = new Mega_Menu_Widget_Manager();
546
 
547
- $class = $menu_item_meta['type'] == 'megamenu' ? 'enabled' : 'disabled';
548
- $display = $menu_item_meta['type'] == 'grid' ? 'none' : 'block';
549
-
550
-
551
- $return = "<div id='widgets' class='{$class}' style='display: {$display}' data-columns='{$menu_item_meta['panel_columns']}'>";
552
-
553
  $items = $widget_manager->get_widgets_and_menu_items_for_menu_id( $menu_item_id, $menu_id );
554
 
555
  if ( count ( $items ) ) {
222
 
223
  $all_widgets = $widget_manager->get_available_widgets();
224
 
 
 
225
  $return .= "<div class='mm_panel_options'>";
226
+ $return .= " <select id='mm_number_of_columns' name='settings[panel_columns]'>";
227
  $return .= " <option value='1' " . selected( $menu_item_meta['panel_columns'], 1, false ) . ">1 " . __("column", "megamenu") . "</option>";
228
  $return .= " <option value='2' " . selected( $menu_item_meta['panel_columns'], 2, false ) . ">2 " . __("columns", "megamenu") . "</option>";
229
  $return .= " <option value='3' " . selected( $menu_item_meta['panel_columns'], 3, false ) . ">3 " . __("columns", "megamenu") . "</option>";
266
  */
267
  public function get_megamenu_grid_html( $menu_item_id, $menu_id, $menu_item_depth, $menu_item_meta ) {
268
 
 
 
 
269
  $css_version = get_transient("megamenu_css_version");
270
 
271
+ $return = "<div id='megamenu-grid'>";
272
 
273
  if ( $css_version && version_compare( $css_version, '2.3.9', '<=' ) ) {
274
  $link = "<a href='" . esc_attr( admin_url( 'admin.php?page=maxmegamenu_tools' ) ) . "'>" . __("Mega Menu") . " > " . __("Tools") . "</a>";
539
 
540
  $widget_manager = new Mega_Menu_Widget_Manager();
541
 
542
+ $return = "<div id='widgets' data-columns='{$menu_item_meta['panel_columns']}'>";
543
+
 
 
 
 
544
  $items = $widget_manager->get_widgets_and_menu_items_for_menu_id( $menu_item_id, $menu_id );
545
 
546
  if ( count ( $items ) ) {
classes/nav-menus.class.php CHANGED
@@ -185,9 +185,9 @@ class Mega_Menu_Nav_Menus {
185
  wp_deregister_style('wmu-colorbox-css');
186
 
187
  wp_enqueue_style( 'colorbox', MEGAMENU_BASE_URL . 'js/colorbox/colorbox.css', false, MEGAMENU_VERSION );
188
- wp_enqueue_style( 'mega-menu', MEGAMENU_BASE_URL . 'css/admin/admin.css', false, MEGAMENU_VERSION );
189
 
190
- wp_enqueue_script( 'mega-menu', MEGAMENU_BASE_URL . 'js/admin.js', array(
191
  'jquery',
192
  'jquery-ui-core',
193
  'jquery-ui-sortable',
@@ -200,7 +200,7 @@ class Mega_Menu_Nav_Menus {
200
 
201
  $prefix = isset( $settings['prefix'] ) ? $settings['prefix'] : 'true';
202
 
203
- wp_localize_script( 'mega-menu', 'megamenu',
204
  array(
205
  'debug_launched' => __("Launched for Menu ID", "megamenu"),
206
  'launch_lightbox' => __("Mega Menu", "megamenu"),
185
  wp_deregister_style('wmu-colorbox-css');
186
 
187
  wp_enqueue_style( 'colorbox', MEGAMENU_BASE_URL . 'js/colorbox/colorbox.css', false, MEGAMENU_VERSION );
188
+ wp_enqueue_style( 'maxmegamenu', MEGAMENU_BASE_URL . 'css/admin/admin.css', false, MEGAMENU_VERSION );
189
 
190
+ wp_enqueue_script( 'maxmegamenu', MEGAMENU_BASE_URL . 'js/admin.js', array(
191
  'jquery',
192
  'jquery-ui-core',
193
  'jquery-ui-sortable',
200
 
201
  $prefix = isset( $settings['prefix'] ) ? $settings['prefix'] : 'true';
202
 
203
+ wp_localize_script( 'maxmegamenu', 'megamenu',
204
  array(
205
  'debug_launched' => __("Launched for Menu ID", "megamenu"),
206
  'launch_lightbox' => __("Mega Menu", "megamenu"),
classes/settings.class.php CHANGED
@@ -363,7 +363,7 @@ class Mega_Menu_Settings {
363
 
364
  $next_id = $this->get_next_theme_id();
365
 
366
- $import['title'] = $import['title'] . " " . __('(Imported)', 'megamenu');
367
 
368
  $new_theme_id = "custom_theme_" . $next_id;
369
 
@@ -373,7 +373,7 @@ class Mega_Menu_Settings {
373
 
374
  do_action("megamenu_after_theme_import");
375
 
376
- $this->redirect( admin_url( "admin.php?page=maxmegamenu_tools&theme_imported=true") );
377
 
378
  } else {
379
 
@@ -817,7 +817,7 @@ class Mega_Menu_Settings {
817
  <?php endif; ?>
818
  <?php endforeach; ?>
819
  </table>
820
- <div class='mega-description'><?php _e("0: Apply to all instances. 1: Apply to first instance", "megamenu"); ?></div>
821
  <?php endif; ?>
822
  </td>
823
  </tr>
@@ -1209,7 +1209,7 @@ class Mega_Menu_Settings {
1209
  <tr>
1210
  <td class='mega-name'>
1211
  <?php _e("Import Theme", "megamenu"); ?>
1212
- <div class='mega-description'><?php _e("Import a menu theme", "megamenu"); ?></div>
1213
  </td>
1214
  <td class='mega-value'>
1215
  <form action="<?php echo admin_url('admin-post.php'); ?>" method="post">
@@ -1455,7 +1455,7 @@ class Mega_Menu_Settings {
1455
  }
1456
 
1457
  if ( isset( $_GET['created'] ) ) {
1458
- echo "<p class='success'>" . __("New Theme Created", "megamenu") . "</p>";
1459
  }
1460
 
1461
  if ( isset( $_GET['add_location'] ) ) {
@@ -1466,10 +1466,6 @@ class Mega_Menu_Settings {
1466
  echo "<p class='success'>" . __("Menu Location Deleted", "megamenu") . "</p>";
1467
  }
1468
 
1469
- if ( isset( $_GET['theme_imported'] ) && $_GET['theme_imported'] == 'true' ) {
1470
- echo "<p class='success'>" . __("Theme Imported", "megamenu") . "</p>";
1471
- }
1472
-
1473
  if ( isset( $_GET['theme_imported'] ) && $_GET['theme_imported'] == 'false' ) {
1474
  echo "<p class='fail'>" . __("Theme Import Failed", "megamenu") . "</p>";
1475
  }
@@ -1478,6 +1474,14 @@ class Mega_Menu_Settings {
1478
  echo "<p class='success'>" . __("Theme Exported", "megamenu") . "</p>";
1479
  }
1480
 
 
 
 
 
 
 
 
 
1481
  do_action("megamenu_print_messages");
1482
 
1483
  }
@@ -1594,6 +1598,15 @@ class Mega_Menu_Settings {
1594
  <div class='fail'><?php _e("CSS Output (under Mega Menu > General Settings) has been disabled. Therefore, changes made within the theme editor will not be applied to your menu.", "megamenu"); ?></div>
1595
  <?php
1596
  }
 
 
 
 
 
 
 
 
 
1597
  ?>
1598
 
1599
  <form action="<?php echo admin_url('admin-post.php'); ?>" method="post" class="theme_editor">
@@ -1650,7 +1663,7 @@ class Mega_Menu_Settings {
1650
  'line_height' => array(
1651
  'priority' => 30,
1652
  'title' => __( "Line Height", "megamenu" ),
1653
- 'description' => __( "Set the general line height to use in the submenu contents.", "megamenu" ),
1654
  'settings' => array(
1655
  array(
1656
  'title' => "",
@@ -1662,7 +1675,7 @@ class Mega_Menu_Settings {
1662
  'z_index' => array(
1663
  'priority' => 40,
1664
  'title' => __( "Z Index", "megamenu" ),
1665
- 'description' => __( "Set the z-index to ensure the submenus appear ontop of other content.", "megamenu" ),
1666
  'settings' => array(
1667
  array(
1668
  'title' => "",
@@ -2131,8 +2144,8 @@ class Mega_Menu_Settings {
2131
  'settings' => array(
2132
  'panel_background' => array(
2133
  'priority' => 10,
2134
- 'title' => __( "Submenu Background", "megamenu" ),
2135
- 'description' => __( "Set a background color for a whole submenu.", "megamenu" ),
2136
  'settings' => array(
2137
  array(
2138
  'title' => __( "From", "megamenu" ),
@@ -2153,11 +2166,11 @@ class Mega_Menu_Settings {
2153
  ),
2154
  'panel_width' => array(
2155
  'priority' => 20,
2156
- 'title' => __( "Submenu Width", "megamenu" ),
2157
  'description' => __( "Mega Panel width.", "megamenu" ),
2158
  'info' => array(
2159
- __("A 100% wide panel will only ever be as wide as the menu itself. For a fixed submenu width set this to a pixel value.", "megamenu"),
2160
- __("Advanced: Enter a jQuery selector to synchronize the width and position of the submenu with existing page element (e.g. body, #container, .page).", "megamenu"),
2161
  "<a href='https://www.megamenu.com/documentation/adjust-sub-menu-width/' target='blank'>" . __("Documentation: Configuring the sub menu width", "megamenu") . '</a>'
2162
  ),
2163
  'settings' => array(
@@ -2175,8 +2188,8 @@ class Mega_Menu_Settings {
2175
  ),
2176
  'panel_padding' => array(
2177
  'priority' => 30,
2178
- 'title' => __( "Submenu Padding", "megamenu" ),
2179
- 'description' => __( "Set the padding for the whole submenu. Set these values 0px if you wish your submenu content to go edge-to-edge.", "megamenu" ),
2180
  'settings' => array(
2181
  array(
2182
  'title' => __( "Top", "megamenu" ),
@@ -2206,8 +2219,8 @@ class Mega_Menu_Settings {
2206
  ),
2207
  'panel_border' => array(
2208
  'priority' => 40,
2209
- 'title' => __( "Submenu Border", "megamenu" ),
2210
- 'description' => __( "Set the border to display on the submenu.", "megamenu" ),
2211
  'settings' => array(
2212
  array(
2213
  'title' => __( "Color", "megamenu" ),
@@ -2242,8 +2255,8 @@ class Mega_Menu_Settings {
2242
  ),
2243
  'panel_border_radius' => array(
2244
  'priority' => 50,
2245
- 'title' => __( "Submenu Border Radius", "megamenu" ),
2246
- 'description' => __( "Set rounded corners for the submenu.", "megamenu" ),
2247
  'settings' => array(
2248
  array(
2249
  'title' => __( "Top Left", "megamenu" ),
@@ -2273,8 +2286,8 @@ class Mega_Menu_Settings {
2273
  ),
2274
  'widget_padding' => array(
2275
  'priority' => 60,
2276
- 'title' => __( "Submenu Items Padding", "megamenu" ),
2277
- 'description' => __( "Use this to define the amount of space around each widget / set of menu items within the submenu.", "megamenu" ),
2278
  'settings' => array(
2279
  array(
2280
  'title' => __( "Top", "megamenu" ),
@@ -2776,7 +2789,7 @@ class Mega_Menu_Settings {
2776
  'settings' => array(
2777
  'flyout_menu_background' => array(
2778
  'priority' => 10,
2779
- 'title' => __( "Submenu Background", "megamenu" ),
2780
  'description' => __( "Set the background color for the flyout menu.", "megamenu" ),
2781
  'settings' => array(
2782
  array(
@@ -2798,7 +2811,7 @@ class Mega_Menu_Settings {
2798
  ),
2799
  'flyout_menu_width' => array(
2800
  'priority' => 20,
2801
- 'title' => __( "Submenu Width", "megamenu" ),
2802
  'description' => __( "The width of each flyout menu. This must be a fixed pixel value.", "megamenu" ),
2803
  'info' => array(
2804
  __( "Set this value to the width of your longest menu item title to stop menu items wrapping onto 2 lines.", "megamenu" ),
@@ -2815,7 +2828,7 @@ class Mega_Menu_Settings {
2815
  ),
2816
  'flyout_menu_padding' => array(
2817
  'priority' => 30,
2818
- 'title' => __( "Submenu Padding", "megamenu" ),
2819
  'description' => __( "Set the padding for the whole flyout menu.", "megamenu" ),
2820
  'info' => array( __( "Only suitable for single level flyout menus. If you're using multi level flyout menus set these values to 0px.", "megamenu" ) ),
2821
  'settings' => array(
@@ -2847,7 +2860,7 @@ class Mega_Menu_Settings {
2847
  ),
2848
  'flyout_menu_border' => array(
2849
  'priority' => 40,
2850
- 'title' => __( "Submenu Border", "megamenu" ),
2851
  'description' => __( "Set the border for the flyout menu.", "megamenu" ),
2852
  'settings' => array(
2853
  array(
@@ -2883,7 +2896,7 @@ class Mega_Menu_Settings {
2883
  ),
2884
  'flyout_menu_border_radius' => array(
2885
  'priority' => 50,
2886
- 'title' => __( "Submenu Border Radius", "megamenu" ),
2887
  'description' => __( "Set rounded corners for flyout menus. Rounded corners will be applied to all flyout menu levels.", "megamenu" ),
2888
  'settings' => array(
2889
  array(
@@ -3091,6 +3104,9 @@ class Mega_Menu_Settings {
3091
  'priority' => 20,
3092
  'title' => __( "Toggle Bar Background", "megamenu" ),
3093
  'description' => __( "Set the background color for the mobile menu toggle bar.", "megamenu" ),
 
 
 
3094
  'settings' => array(
3095
  array(
3096
  'title' => __( "From", "megamenu" ),
@@ -3158,11 +3174,40 @@ class Mega_Menu_Settings {
3158
  ),
3159
  'mobile_top_level_menu_items' => array(
3160
  'priority' => 33,
3161
- 'title' => __( "Top Level Menu Items", "megamenu" ),
3162
  'description' => '',
3163
  ),
3164
- 'mobile_menu_item_height' => array(
3165
  'priority' => 34,
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3166
  'title' => __( "Menu Item Height", "megamenu" ),
3167
  'description' => __( "Height of each top level item in the mobile menu.", "megamenu" ),
3168
  'settings' => array(
@@ -3174,9 +3219,9 @@ class Mega_Menu_Settings {
3174
  )
3175
  ),
3176
  'mobile_background' => array(
3177
- 'priority' => 35,
3178
  'title' => __( "Menu Background", "megamenu" ),
3179
- 'description' => __( "Set the background color for the mobile menu.", "megamenu" ),
3180
  'settings' => array(
3181
  array(
3182
  'title' => __( "From", "megamenu" ),
@@ -3196,9 +3241,9 @@ class Mega_Menu_Settings {
3196
  )
3197
  ),
3198
  'mobile_background_hover' => array(
3199
- 'priority' => 36,
3200
  'title' => __( "Menu Item Background (Hover)", "megamenu" ),
3201
- 'description' => __( "Set the background color for each top level item the mobile menu on hover.", "megamenu" ),
3202
  'settings' => array(
3203
  array(
3204
  'title' => __( "From", "megamenu" ),
@@ -3243,7 +3288,7 @@ class Mega_Menu_Settings {
3243
  'mobile_menu_item_font_hover' => array(
3244
  'priority' => 55,
3245
  'title' => __( "Font (Hover)", "megamenu" ),
3246
- 'description' => __( "The font color to use for each top level menu item in the mobile menu on hover.", "megamenu" ),
3247
  'settings' => array(
3248
  array(
3249
  'title' => __( "Color", "megamenu" ),
@@ -3735,8 +3780,8 @@ class Mega_Menu_Settings {
3735
  echo "<select name='settings[$key]'>";
3736
  echo " <option value='none' " . selected( $value, 'none', true) . ">" . __("Normal", "megamenu") . "</option>";
3737
  echo " <option value='capitalize'" . selected( $value, 'capitalize', true) . ">" . __("Capitalize", "megamenu") . "</option>";
3738
- echo " <option value='uppercase'" . selected( $value, 'uppercase', true) . ">" . __("Uppercase", "megamenu") . "</option>";
3739
- echo " <option value='lowercase'" . selected( $value, 'lowercase', true) . ">" . __("Lowercase", "megamenu") . "</option>";
3740
  echo "</select>";
3741
 
3742
  }
363
 
364
  $next_id = $this->get_next_theme_id();
365
 
366
+ $import['title'] = $import['title'] . " " . __(' - Imported', 'megamenu');
367
 
368
  $new_theme_id = "custom_theme_" . $next_id;
369
 
373
 
374
  do_action("megamenu_after_theme_import");
375
 
376
+ $this->redirect( admin_url( "admin.php?page=maxmegamenu_theme_editor&theme=" . $new_theme_id . "&created=true" ) );
377
 
378
  } else {
379
 
817
  <?php endif; ?>
818
  <?php endforeach; ?>
819
  </table>
820
+ <div class='mega-description'><?php _e("0: Apply to all instances. 1: Apply to first instance. 2: Apply to second instance", "megamenu"); ?>…</div>
821
  <?php endif; ?>
822
  </td>
823
  </tr>
1209
  <tr>
1210
  <td class='mega-name'>
1211
  <?php _e("Import Theme", "megamenu"); ?>
1212
+ <div class='mega-description'><?php _e("Import a menu theme in JSON format", "megamenu"); ?></div>
1213
  </td>
1214
  <td class='mega-value'>
1215
  <form action="<?php echo admin_url('admin-post.php'); ?>" method="post">
1455
  }
1456
 
1457
  if ( isset( $_GET['created'] ) ) {
1458
+ echo "<p class='success'>" . __("New Theme Created. To apply this theme to a menu, go to <i>Appearance > Menus > Max Mega Menu Settings</i> and select this theme from the 'Theme' dropdown.", "megamenu") . "</p>";
1459
  }
1460
 
1461
  if ( isset( $_GET['add_location'] ) ) {
1466
  echo "<p class='success'>" . __("Menu Location Deleted", "megamenu") . "</p>";
1467
  }
1468
 
 
 
 
 
1469
  if ( isset( $_GET['theme_imported'] ) && $_GET['theme_imported'] == 'false' ) {
1470
  echo "<p class='fail'>" . __("Theme Import Failed", "megamenu") . "</p>";
1471
  }
1474
  echo "<p class='success'>" . __("Theme Exported", "megamenu") . "</p>";
1475
  }
1476
 
1477
+ if ( is_plugin_active('clearfy/clearfy.php') ) {
1478
+ if ( $clearfy_options = get_option('wbcr_clearfy_cache_options') ) {
1479
+ if ( $clearfy_options['disable_dashicons'] == true ) {
1480
+ echo "<p class='fail'>" . __("Please enable Dashicons in the Clearfy plugin options. Max Mega Menu requires Dashicons.", "megamenu") . "</p>";
1481
+ }
1482
+ }
1483
+ }
1484
+
1485
  do_action("megamenu_print_messages");
1486
 
1487
  }
1598
  <div class='fail'><?php _e("CSS Output (under Mega Menu > General Settings) has been disabled. Therefore, changes made within the theme editor will not be applied to your menu.", "megamenu"); ?></div>
1599
  <?php
1600
  }
1601
+
1602
+ $locations = $this->theme_is_being_used_by_location( $this->id );
1603
+
1604
+ if ( ! $locations && ! isset($_GET['created'] ) ) {
1605
+ ?>
1606
+ <div class='warning'><?php _e("This menu theme is not currently active as it has not been applied to any menu locations. You may wish to check you are editing the correct menu theme - you can choose a different theme to edit using the 'Select theme to edit' selector above. Alternatively, to apply this theme to a menu go to <i>Appearance > Menus > Max Mega Menu Settings</i> and select this theme from the 'Theme' dropdown.", "megamenu"); ?></div>
1607
+ <?php
1608
+ }
1609
+
1610
  ?>
1611
 
1612
  <form action="<?php echo admin_url('admin-post.php'); ?>" method="post" class="theme_editor">
1663
  'line_height' => array(
1664
  'priority' => 30,
1665
  'title' => __( "Line Height", "megamenu" ),
1666
+ 'description' => __( "Set the general line height to use in the sub menu contents.", "megamenu" ),
1667
  'settings' => array(
1668
  array(
1669
  'title' => "",
1675
  'z_index' => array(
1676
  'priority' => 40,
1677
  'title' => __( "Z Index", "megamenu" ),
1678
+ 'description' => __( "Set the z-index to ensure the sub menus appear ontop of other content.", "megamenu" ),
1679
  'settings' => array(
1680
  array(
1681
  'title' => "",
2144
  'settings' => array(
2145
  'panel_background' => array(
2146
  'priority' => 10,
2147
+ 'title' => __( "Panel Background", "megamenu" ),
2148
+ 'description' => __( "Set a background color for a whole sub menu.", "megamenu" ),
2149
  'settings' => array(
2150
  array(
2151
  'title' => __( "From", "megamenu" ),
2166
  ),
2167
  'panel_width' => array(
2168
  'priority' => 20,
2169
+ 'title' => __( "Panel Width", "megamenu" ),
2170
  'description' => __( "Mega Panel width.", "megamenu" ),
2171
  'info' => array(
2172
+ __("A 100% wide panel will only ever be as wide as the menu itself. For a fixed sub menu width set this to a pixel value.", "megamenu"),
2173
+ __("Advanced: Enter a jQuery selector to synchronize the width and position of the sub menu with existing page element (e.g. body, #container, .page).", "megamenu"),
2174
  "<a href='https://www.megamenu.com/documentation/adjust-sub-menu-width/' target='blank'>" . __("Documentation: Configuring the sub menu width", "megamenu") . '</a>'
2175
  ),
2176
  'settings' => array(
2188
  ),
2189
  'panel_padding' => array(
2190
  'priority' => 30,
2191
+ 'title' => __( "Panel Padding", "megamenu" ),
2192
+ 'description' => __( "Set the padding for the whole sub menu. Set these values 0px if you wish your sub menu content to go edge-to-edge.", "megamenu" ),
2193
  'settings' => array(
2194
  array(
2195
  'title' => __( "Top", "megamenu" ),
2219
  ),
2220
  'panel_border' => array(
2221
  'priority' => 40,
2222
+ 'title' => __( "Panel Border", "megamenu" ),
2223
+ 'description' => __( "Set the border to display on the sub menu.", "megamenu" ),
2224
  'settings' => array(
2225
  array(
2226
  'title' => __( "Color", "megamenu" ),
2255
  ),
2256
  'panel_border_radius' => array(
2257
  'priority' => 50,
2258
+ 'title' => __( "Panel Border Radius", "megamenu" ),
2259
+ 'description' => __( "Set rounded corners for the sub menu.", "megamenu" ),
2260
  'settings' => array(
2261
  array(
2262
  'title' => __( "Top Left", "megamenu" ),
2286
  ),
2287
  'widget_padding' => array(
2288
  'priority' => 60,
2289
+ 'title' => __( "Panel Items Padding", "megamenu" ),
2290
+ 'description' => __( "Use this to define the amount of space around each widget / set of menu items within the sub menu.", "megamenu" ),
2291
  'settings' => array(
2292
  array(
2293
  'title' => __( "Top", "megamenu" ),
2789
  'settings' => array(
2790
  'flyout_menu_background' => array(
2791
  'priority' => 10,
2792
+ 'title' => __( "Sub Menu Background", "megamenu" ),
2793
  'description' => __( "Set the background color for the flyout menu.", "megamenu" ),
2794
  'settings' => array(
2795
  array(
2811
  ),
2812
  'flyout_menu_width' => array(
2813
  'priority' => 20,
2814
+ 'title' => __( "Sub Menu Width", "megamenu" ),
2815
  'description' => __( "The width of each flyout menu. This must be a fixed pixel value.", "megamenu" ),
2816
  'info' => array(
2817
  __( "Set this value to the width of your longest menu item title to stop menu items wrapping onto 2 lines.", "megamenu" ),
2828
  ),
2829
  'flyout_menu_padding' => array(
2830
  'priority' => 30,
2831
+ 'title' => __( "Sub Menu Padding", "megamenu" ),
2832
  'description' => __( "Set the padding for the whole flyout menu.", "megamenu" ),
2833
  'info' => array( __( "Only suitable for single level flyout menus. If you're using multi level flyout menus set these values to 0px.", "megamenu" ) ),
2834
  'settings' => array(
2860
  ),
2861
  'flyout_menu_border' => array(
2862
  'priority' => 40,
2863
+ 'title' => __( "Sub Menu Border", "megamenu" ),
2864
  'description' => __( "Set the border for the flyout menu.", "megamenu" ),
2865
  'settings' => array(
2866
  array(
2896
  ),
2897
  'flyout_menu_border_radius' => array(
2898
  'priority' => 50,
2899
+ 'title' => __( "Sub Menu Border Radius", "megamenu" ),
2900
  'description' => __( "Set rounded corners for flyout menus. Rounded corners will be applied to all flyout menu levels.", "megamenu" ),
2901
  'settings' => array(
2902
  array(
3104
  'priority' => 20,
3105
  'title' => __( "Toggle Bar Background", "megamenu" ),
3106
  'description' => __( "Set the background color for the mobile menu toggle bar.", "megamenu" ),
3107
+ 'info' => array(
3108
+ __("Don't forget to update the Menu toggle block text and icon color in the Toggle Bar Designer above!", "megamenu"),
3109
+ ),
3110
  'settings' => array(
3111
  array(
3112
  'title' => __( "From", "megamenu" ),
3174
  ),
3175
  'mobile_top_level_menu_items' => array(
3176
  'priority' => 33,
3177
+ 'title' => __( "Mobile Sub Menu", "megamenu" ),
3178
  'description' => '',
3179
  ),
3180
+ 'mobile_menu_overlay' => array(
3181
  'priority' => 34,
3182
+ 'title' => __( "Sub Menu - Overlay Content", "megamenu" ),
3183
+ 'description' => __( "If enabled, the mobile sub menu will overlay the page content (instead of pushing the page content down)", "megamenu" ),
3184
+ 'settings' => array(
3185
+ array(
3186
+ 'title' => "",
3187
+ 'type' => 'checkbox',
3188
+ 'key' => 'mobile_menu_overlay'
3189
+ )
3190
+ )
3191
+ ),
3192
+ 'mobile_menu_force_width' => array(
3193
+ 'priority' => 35,
3194
+ 'title' => __( "Sub Menu - Force Full Width", "megamenu" ),
3195
+ 'description' => __( "Experimental: If enabled, the mobile sub menu will match the width and position on the given page element (rather than being limited to the width of the toggle bar). For a full width sub menu, leave the 'Selector' value set to 'body'.", "megamenu" ),
3196
+ 'settings' => array(
3197
+ array(
3198
+ 'title' => "Enabled",
3199
+ 'type' => 'checkbox',
3200
+ 'key' => 'mobile_menu_force_width'
3201
+ ),
3202
+ array(
3203
+ 'title' => __( "Selector", "megamenu" ),
3204
+ 'type' => 'freetext',
3205
+ 'key' => 'mobile_menu_force_width_selector'
3206
+ ),
3207
+ )
3208
+ ),
3209
+ 'mobile_menu_item_height' => array(
3210
+ 'priority' => 38,
3211
  'title' => __( "Menu Item Height", "megamenu" ),
3212
  'description' => __( "Height of each top level item in the mobile menu.", "megamenu" ),
3213
  'settings' => array(
3219
  )
3220
  ),
3221
  'mobile_background' => array(
3222
+ 'priority' => 40,
3223
  'title' => __( "Menu Background", "megamenu" ),
3224
+ 'description' => __( "The background color for the mobile menu.", "megamenu" ),
3225
  'settings' => array(
3226
  array(
3227
  'title' => __( "From", "megamenu" ),
3241
  )
3242
  ),
3243
  'mobile_background_hover' => array(
3244
+ 'priority' => 45,
3245
  'title' => __( "Menu Item Background (Hover)", "megamenu" ),
3246
+ 'description' => __( "The background color for each top level item the mobile menu on hover (or when the menu item is clicked/active).", "megamenu" ),
3247
  'settings' => array(
3248
  array(
3249
  'title' => __( "From", "megamenu" ),
3288
  'mobile_menu_item_font_hover' => array(
3289
  'priority' => 55,
3290
  'title' => __( "Font (Hover)", "megamenu" ),
3291
+ 'description' => __( "The font color to use for each top level menu item in the mobile menu on hover (or when the menu item is clicked/active).", "megamenu" ),
3292
  'settings' => array(
3293
  array(
3294
  'title' => __( "Color", "megamenu" ),
3780
  echo "<select name='settings[$key]'>";
3781
  echo " <option value='none' " . selected( $value, 'none', true) . ">" . __("Normal", "megamenu") . "</option>";
3782
  echo " <option value='capitalize'" . selected( $value, 'capitalize', true) . ">" . __("Capitalize", "megamenu") . "</option>";
3783
+ echo " <option value='uppercase'" . selected( $value, 'uppercase', true) . ">" . __("UPPERCASE", "megamenu") . "</option>";
3784
+ echo " <option value='lowercase'" . selected( $value, 'lowercase', true) . ">" . __("lowercase", "megamenu") . "</option>";
3785
  echo "</select>";
3786
 
3787
  }
classes/style-manager.class.php CHANGED
@@ -37,6 +37,7 @@ final class Mega_Menu_Style_Manager {
37
  add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_scripts' ), 999 );
38
  add_action( 'wp_head', array( $this, 'head_css' ), 9999 );
39
  add_action( 'megamenu_delete_cache', array( $this, 'delete_cache' ) );
 
40
  add_action( 'after_switch_theme', array( $this, 'delete_cache') );
41
 
42
  // PolyLang
@@ -52,6 +53,15 @@ final class Mega_Menu_Style_Manager {
52
  }
53
 
54
 
 
 
 
 
 
 
 
 
 
55
  /**
56
  * Return the default menu theme
57
  */
@@ -243,9 +253,12 @@ final class Mega_Menu_Style_Manager {
243
  'mobile_columns' => '2',
244
  'toggle_background_from' => 'container_background_from',
245
  'toggle_background_to' => 'container_background_to',
246
- 'toggle_font_color' => 'menu_item_link_color', // deprecated
247
  'toggle_bar_height' => '40px',
248
  'mobile_menu_item_height' => '40px',
 
 
 
249
  'mobile_background_from' => 'container_background_from',
250
  'mobile_background_to' => 'container_background_to',
251
  'mobile_menu_item_link_font_size' => 'menu_item_link_font_size',
@@ -460,7 +473,7 @@ final class Mega_Menu_Style_Manager {
460
  }
461
  }
462
 
463
- $css = "/** " . date('l jS F Y H:i:s e') . " ({$scss_location}) **/\n\n" . $css;
464
 
465
  $css = apply_filters( "megamenu_compiled_css", $css );
466
 
@@ -696,7 +709,7 @@ final class Mega_Menu_Style_Manager {
696
  continue;
697
  }
698
 
699
- if ( in_array( $name, array( 'panel_width', 'panel_inner_width' ) ) ) {
700
 
701
  if ( preg_match('/^\d/', $value) !== 1 ) { // doesn't start with number (jQuery selector)
702
  $vars[$name] = '100%';
37
  add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_scripts' ), 999 );
38
  add_action( 'wp_head', array( $this, 'head_css' ), 9999 );
39
  add_action( 'megamenu_delete_cache', array( $this, 'delete_cache' ) );
40
+ add_action( 'megamenu_delete_cache', array( $this, 'clear_external_caches' ) );
41
  add_action( 'after_switch_theme', array( $this, 'delete_cache') );
42
 
43
  // PolyLang
53
  }
54
 
55
 
56
+ /**
57
+ * Clear plugin caches when CSS is updated or menu settings are changed
58
+ */
59
+ public function clear_external_caches() {
60
+
61
+ // Breeze: https://wordpress.org/plugins/breeze/
62
+ do_action('breeze_clear_all_cache');
63
+ }
64
+
65
  /**
66
  * Return the default menu theme
67
  */
253
  'mobile_columns' => '2',
254
  'toggle_background_from' => 'container_background_from',
255
  'toggle_background_to' => 'container_background_to',
256
+ 'toggle_font_color' => 'rgb(221, 221, 221)', // deprecated
257
  'toggle_bar_height' => '40px',
258
  'mobile_menu_item_height' => '40px',
259
+ 'mobile_menu_overlay' => 'off',
260
+ 'mobile_menu_force_width' => 'off',
261
+ 'mobile_menu_force_width_selector' => 'body',
262
  'mobile_background_from' => 'container_background_from',
263
  'mobile_background_to' => 'container_background_to',
264
  'mobile_menu_item_link_font_size' => 'menu_item_link_font_size',
473
  }
474
  }
475
 
476
+ $css = "/** " . date('l jS F Y H:i:s e') . " ({$scss_location}) **/\n/** THIS FILE IS AUTOMATICALLY GENERATED - DO NOT MAKE MANUAL EDITS! **/\n/** Custom CSS should be added to Mega Menu > Menu Themes > Custom Styling **/\n\n" . $css;
477
 
478
  $css = apply_filters( "megamenu_compiled_css", $css );
479
 
709
  continue;
710
  }
711
 
712
+ if ( in_array( $name, array( 'panel_width', 'panel_inner_width', 'mobile_menu_force_width_selector' ) ) ) {
713
 
714
  if ( preg_match('/^\d/', $value) !== 1 ) { // doesn't start with number (jQuery selector)
715
  $vars[$name] = '100%';
classes/toggle-blocks.class.php CHANGED
@@ -56,9 +56,9 @@ class Mega_Menu_Toggle_Blocks {
56
  // only use HTML version of toggle block if CSS version is above 2.4.0.2
57
  // if transient is missing, assume the latest version of the CSS is present and use Flex layout
58
  if ( ! $css_version || version_compare($css_version, '2.4.0.2') >= 0 ) {
59
- $closed_text = isset( $settings['closed_text'] ) ? do_shortcode( $settings['closed_text'] ) : "MENU";
60
- $open_text = isset( $settings['open_text'] ) ? do_shortcode( $settings['open_text'] ) : "MENU";
61
-
62
  $html = "<span class='mega-toggle-label'><span class='mega-toggle-label-closed'>{$closed_text}</span><span class='mega-toggle-label-open'>{$open_text}</span></span>";
63
  } else {
64
  $html = "";
@@ -116,8 +116,8 @@ class Mega_Menu_Toggle_Blocks {
116
  'closed_icon' => 'dash-f333',
117
  'open_icon' => 'dash-f153',
118
  'icon_position' => 'after',
119
- 'text_color' => isset($menu_theme['toggle_font_color']) ? $menu_theme['toggle_font_color'] : '#fff',
120
- 'icon_color' => isset($menu_theme['toggle_font_color']) ? $menu_theme['toggle_font_color'] : '#fff',
121
  'text_size' => '14px',
122
  'icon_size' => '24px'
123
  );
@@ -760,13 +760,13 @@ class Mega_Menu_Toggle_Blocks {
760
  <label>
761
  <?php _e("Text Size", "megamenu") ?><input type='text' class='text_size' name='toggle_blocks[<?php echo $block_id; ?>][text_size]' value='<?php echo stripslashes( esc_attr( $settings['text_size'] ) ) ?>' />
762
  </label>
763
- <label>
764
- <?php _e("Icon Size", "megamenu") ?><input type='text' class='icon_size' name='toggle_blocks[<?php echo $block_id; ?>][icon_size]' value='<?php echo stripslashes( esc_attr( $settings['icon_size'] ) ) ?>' />
765
- </label>
766
  <label>
767
  <?php _e("Icon Color", "megamenu") ?>
768
  <?php $this->print_toggle_color_option( 'icon_color', $block_id, $settings['icon_color'] ); ?>
769
  </label>
 
 
 
770
  <label>
771
  <?php _e("Icon Position", "megamenu") ?><select name='toggle_blocks[<?php echo $block_id; ?>][icon_position]'>
772
  <option value='before' <?php selected( $settings['icon_position'], "before" ) ?> ><?php _e("Before", "megamenu") ?></option>
56
  // only use HTML version of toggle block if CSS version is above 2.4.0.2
57
  // if transient is missing, assume the latest version of the CSS is present and use Flex layout
58
  if ( ! $css_version || version_compare($css_version, '2.4.0.2') >= 0 ) {
59
+ $closed_text = isset( $settings['closed_text'] ) ? do_shortcode( stripslashes( $settings['closed_text'] ) ) : "MENU";
60
+ $open_text = isset( $settings['open_text'] ) ? do_shortcode( stripslashes( $settings['open_text'] ) ) : "MENU";
61
+
62
  $html = "<span class='mega-toggle-label'><span class='mega-toggle-label-closed'>{$closed_text}</span><span class='mega-toggle-label-open'>{$open_text}</span></span>";
63
  } else {
64
  $html = "";
116
  'closed_icon' => 'dash-f333',
117
  'open_icon' => 'dash-f153',
118
  'icon_position' => 'after',
119
+ 'text_color' => isset($menu_theme['toggle_font_color']) ? $menu_theme['toggle_font_color'] : 'rgb(221, 221, 221)',
120
+ 'icon_color' => isset($menu_theme['toggle_font_color']) ? $menu_theme['toggle_font_color'] : 'rgb(221, 221, 221)',
121
  'text_size' => '14px',
122
  'icon_size' => '24px'
123
  );
760
  <label>
761
  <?php _e("Text Size", "megamenu") ?><input type='text' class='text_size' name='toggle_blocks[<?php echo $block_id; ?>][text_size]' value='<?php echo stripslashes( esc_attr( $settings['text_size'] ) ) ?>' />
762
  </label>
 
 
 
763
  <label>
764
  <?php _e("Icon Color", "megamenu") ?>
765
  <?php $this->print_toggle_color_option( 'icon_color', $block_id, $settings['icon_color'] ); ?>
766
  </label>
767
+ <label>
768
+ <?php _e("Icon Size", "megamenu") ?><input type='text' class='icon_size' name='toggle_blocks[<?php echo $block_id; ?>][icon_size]' value='<?php echo stripslashes( esc_attr( $settings['icon_size'] ) ) ?>' />
769
+ </label>
770
  <label>
771
  <?php _e("Icon Position", "megamenu") ?><select name='toggle_blocks[<?php echo $block_id; ?>][icon_position]'>
772
  <option value='before' <?php selected( $settings['icon_position'], "before" ) ?> ><?php _e("Before", "megamenu") ?></option>
classes/widget.class.php CHANGED
@@ -98,6 +98,7 @@ class Mega_Menu_Widget extends WP_Widget {
98
  <input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" />
99
  </p>
100
  <label for="<?php echo $this->get_field_id( 'location' ); ?>"><?php _e( 'Menu Location:', 'megamenu' ); ?></label>
 
101
  <select id="<?php echo $this->get_field_id( 'location' ); ?>" name="<?php echo $this->get_field_name( 'location' ); ?>">
102
  <?php
103
  if ( $selected_location === 0 ) {
@@ -106,8 +107,36 @@ class Mega_Menu_Widget extends WP_Widget {
106
  ?>
107
 
108
  <?php
 
 
 
 
109
  foreach ( $locations as $location => $description ) {
110
- echo "<option value='{$location}'" . selected($location, $selected_location) . ">{$description}</option>";
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
111
  }
112
  ?>
113
  </select>
98
  <input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" />
99
  </p>
100
  <label for="<?php echo $this->get_field_id( 'location' ); ?>"><?php _e( 'Menu Location:', 'megamenu' ); ?></label>
101
+
102
  <select id="<?php echo $this->get_field_id( 'location' ); ?>" name="<?php echo $this->get_field_name( 'location' ); ?>">
103
  <?php
104
  if ( $selected_location === 0 ) {
107
  ?>
108
 
109
  <?php
110
+
111
+ $enabled_locations = array();
112
+ $disabled_locations = array();
113
+
114
  foreach ( $locations as $location => $description ) {
115
+ if ( max_mega_menu_is_enabled( $location ) ) {
116
+ $enabled_locations[$location] = $description;
117
+ } else {
118
+ $disabled_locations[$location] = $description;
119
+ }
120
+ }
121
+
122
+ if ( count( $enabled_locations ) ) {
123
+ echo "<optgroup label='&#10003; " . __("Active locations", "megamenu") ."'>";
124
+
125
+ foreach ( $enabled_locations as $location => $description ) {
126
+ echo "<option value='{$location}'" . selected( $location, $selected_location ) . ">{$description}</option>";
127
+ }
128
+
129
+ echo "</optgroup>";
130
+ }
131
+
132
+ if ( count( $disabled_locations ) ) {
133
+ echo "<optgroup label='&#x2718; " . __("Inactive locations", "megamenu") ."'>";
134
+
135
+ foreach ( $disabled_locations as $location => $description ) {
136
+ echo "<option value='{$location}'" . selected( $location, $selected_location ) . ">{$description}</option>";
137
+ }
138
+
139
+ echo "</optgroup>";
140
  }
141
  ?>
142
  </select>
css/admin/admin.css CHANGED
@@ -183,370 +183,387 @@
183
  overflow: auto;
184
  box-sizing: border-box;
185
  position: relative; }
186
- .nav-menus-php #cboxContent .mega_menu .mm_panel_options {
 
 
 
 
 
 
 
 
 
 
 
 
 
187
  float: right; }
188
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid button.mega-add-row,
189
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid button.mega-add-column {
190
- height: 21px;
191
- line-height: 20px;
192
- font-size: 12px;
193
- padding-left: 4px; }
194
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid button.mega-add-row .dashicons-plus,
195
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid button.mega-add-column .dashicons-plus {
196
- margin-top: 4px; }
197
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid > .drop-area {
198
- margin-top: 20px;
199
- border: 1px dashed #999;
200
- max-height: 100px !important; }
201
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row {
202
- width: 100%;
203
- display: inline-block;
204
- background-color: #f7f7f7;
205
- border: 1px solid #DFDFDF;
206
- clear: both;
207
- padding: 10px 5px;
208
- margin-top: 20px;
209
- box-sizing: border-box;
210
- position: relative;
211
- min-height: 100%; }
212
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row .mega-row-header {
213
- display: inline-block;
214
  width: 100%;
215
- padding: 5px 0;
216
- box-sizing: border-box; }
217
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row .mega-row-header .mega-disabled .dashicons {
218
- opacity: 1; }
219
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row .mega-row-header .dashicons.mega-settings-open {
220
- opacity: 1; }
221
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row .mega-row-header .dashicons {
222
- opacity: 0.2;
223
- transition: opacity 0.5s; }
224
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row .mega-row-header .dashicons-plus {
225
- opacity: 1; }
226
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row .mega-row-header .mega-row-actions {
227
- display: inline-block; }
228
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row .mega-row-header .mega-row-actions .dashicons-trash {
229
- display: none;
230
- color: #D0011B; }
231
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row .mega-row-header .mega-row-actions:hover .dashicons {
232
- opacity: 1; }
233
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-used-cols='0'] .mega-row-header .mega-row-actions .dashicons-trash {
234
  display: inline-block;
235
- opacity: 1; }
236
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row .mega-too-many-cols {
237
- display: none; }
238
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-too-many-cols='true'] .mega-too-many-cols {
239
- display: block; }
240
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row .mega-row-is-full {
241
- display: none; }
242
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-row-is-full='true'] .mega-col-expand,
243
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row .mega-col[data-span='1'] .mega-col-contract {
244
- pointer-events: none;
245
- color: #DFDFDF; }
246
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-row-is-full='true'] .mega-col-expand {
247
- pointer-events: none;
248
- color: #DFDFDF; }
249
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='1'] .mega-col[data-span='1'] {
250
- width: 100%; }
251
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='2'] .mega-col[data-span='1'] {
252
- width: 50%; }
253
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='2'] .mega-col[data-span='2'] {
254
- width: 100%; }
255
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='3'] .mega-col[data-span='1'] {
256
- width: 33.33333%; }
257
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='3'] .mega-col[data-span='2'] {
258
- width: 66.66667%; }
259
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='3'] .mega-col[data-span='3'] {
260
- width: 100%; }
261
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='4'] .mega-col[data-span='1'] {
262
- width: 25%; }
263
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='4'] .mega-col[data-span='2'] {
264
- width: 50%; }
265
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='4'] .mega-col[data-span='3'] {
266
- width: 75%; }
267
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='4'] .mega-col[data-span='4'] {
268
- width: 100%; }
269
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='5'] .mega-col[data-span='1'] {
270
- width: 20%; }
271
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='5'] .mega-col[data-span='2'] {
272
- width: 40%; }
273
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='5'] .mega-col[data-span='3'] {
274
- width: 60%; }
275
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='5'] .mega-col[data-span='4'] {
276
- width: 80%; }
277
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='5'] .mega-col[data-span='5'] {
278
- width: 100%; }
279
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='6'] .mega-col[data-span='1'] {
280
- width: 16.66667%; }
281
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='6'] .mega-col[data-span='2'] {
282
- width: 33.33333%; }
283
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='6'] .mega-col[data-span='3'] {
284
- width: 50%; }
285
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='6'] .mega-col[data-span='4'] {
286
- width: 66.66667%; }
287
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='6'] .mega-col[data-span='5'] {
288
- width: 83.33333%; }
289
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='6'] .mega-col[data-span='6'] {
290
- width: 100%; }
291
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='7'] .mega-col[data-span='1'] {
292
- width: 14.28571%; }
293
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='7'] .mega-col[data-span='2'] {
294
- width: 28.57143%; }
295
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='7'] .mega-col[data-span='3'] {
296
- width: 42.85714%; }
297
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='7'] .mega-col[data-span='4'] {
298
- width: 57.14286%; }
299
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='7'] .mega-col[data-span='5'] {
300
- width: 71.42857%; }
301
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='7'] .mega-col[data-span='6'] {
302
- width: 85.71429%; }
303
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='7'] .mega-col[data-span='7'] {
304
- width: 100%; }
305
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='8'] .mega-col[data-span='1'] {
306
- width: 12.5%; }
307
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='8'] .mega-col[data-span='2'] {
308
- width: 25%; }
309
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='8'] .mega-col[data-span='3'] {
310
- width: 37.5%; }
311
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='8'] .mega-col[data-span='4'] {
312
- width: 50%; }
313
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='8'] .mega-col[data-span='5'] {
314
- width: 62.5%; }
315
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='8'] .mega-col[data-span='6'] {
316
- width: 75%; }
317
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='8'] .mega-col[data-span='7'] {
318
- width: 87.5%; }
319
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='8'] .mega-col[data-span='8'] {
320
- width: 100%; }
321
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='9'] .mega-col[data-span='1'] {
322
- width: 11.11111%; }
323
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='9'] .mega-col[data-span='2'] {
324
- width: 22.22222%; }
325
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='9'] .mega-col[data-span='3'] {
326
- width: 33.33333%; }
327
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='9'] .mega-col[data-span='4'] {
328
- width: 44.44444%; }
329
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='9'] .mega-col[data-span='5'] {
330
- width: 55.55556%; }
331
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='9'] .mega-col[data-span='6'] {
332
- width: 66.66667%; }
333
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='9'] .mega-col[data-span='7'] {
334
- width: 77.77778%; }
335
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='9'] .mega-col[data-span='8'] {
336
- width: 88.88889%; }
337
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='9'] .mega-col[data-span='9'] {
338
- width: 100%; }
339
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='10'] .mega-col[data-span='1'] {
340
- width: 10%; }
341
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='10'] .mega-col[data-span='2'] {
342
- width: 20%; }
343
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='10'] .mega-col[data-span='3'] {
344
- width: 30%; }
345
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='10'] .mega-col[data-span='4'] {
346
- width: 40%; }
347
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='10'] .mega-col[data-span='5'] {
348
- width: 50%; }
349
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='10'] .mega-col[data-span='6'] {
350
- width: 60%; }
351
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='10'] .mega-col[data-span='7'] {
352
- width: 70%; }
353
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='10'] .mega-col[data-span='8'] {
354
- width: 80%; }
355
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='10'] .mega-col[data-span='9'] {
356
- width: 90%; }
357
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='10'] .mega-col[data-span='10'] {
358
- width: 100%; }
359
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='11'] .mega-col[data-span='1'] {
360
- width: 9.09091%; }
361
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='11'] .mega-col[data-span='2'] {
362
- width: 18.18182%; }
363
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='11'] .mega-col[data-span='3'] {
364
- width: 27.27273%; }
365
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='11'] .mega-col[data-span='4'] {
366
- width: 36.36364%; }
367
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='11'] .mega-col[data-span='5'] {
368
- width: 45.45455%; }
369
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='11'] .mega-col[data-span='6'] {
370
- width: 54.54545%; }
371
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='11'] .mega-col[data-span='7'] {
372
- width: 63.63636%; }
373
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='11'] .mega-col[data-span='8'] {
374
- width: 72.72727%; }
375
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='11'] .mega-col[data-span='9'] {
376
- width: 81.81818%; }
377
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='11'] .mega-col[data-span='10'] {
378
- width: 90.90909%; }
379
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='11'] .mega-col[data-span='11'] {
380
- width: 100%; }
381
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='12'] .mega-col[data-span='1'] {
382
- width: 8.33333%; }
383
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='12'] .mega-col[data-span='2'] {
384
- width: 16.66667%; }
385
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='12'] .mega-col[data-span='3'] {
386
- width: 25%; }
387
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='12'] .mega-col[data-span='4'] {
388
- width: 33.33333%; }
389
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='12'] .mega-col[data-span='5'] {
390
- width: 41.66667%; }
391
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='12'] .mega-col[data-span='6'] {
392
- width: 50%; }
393
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='12'] .mega-col[data-span='7'] {
394
- width: 58.33333%; }
395
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='12'] .mega-col[data-span='8'] {
396
- width: 66.66667%; }
397
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='12'] .mega-col[data-span='9'] {
398
- width: 75%; }
399
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='12'] .mega-col[data-span='10'] {
400
- width: 83.33333%; }
401
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='12'] .mega-col[data-span='11'] {
402
- width: 91.66667%; }
403
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row[data-available-cols='12'] .mega-col[data-span='12'] {
404
- width: 100%; }
405
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row .notice {
406
- margin: 10px 5px;
407
- cursor: pointer; }
408
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col {
409
- display: inline-block;
410
- position: relative;
411
- vertical-align: top;
412
- float: left;
413
- transition: width 0.1s;
414
- width: 100%; }
415
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-wrap {
416
- background-color: #fff;
417
  border: 1px solid #DFDFDF;
418
- margin: 3px;
419
- padding: 8px; }
420
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-widgets {
421
- min-height: 50px; }
422
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-widgets .widget {
423
- float: none;
 
 
 
 
424
  width: 100%;
425
- border: 0;
426
- margin: 3px 0; }
427
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-widgets .widget .widget-top {
428
- background: #f7f7f7;
429
- border: 1px solid #DFDFDF;
430
- height: 42px; }
431
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-widgets .widget.open .widget-top {
432
- border: 1px solid #999;
433
- border-bottom: 0; }
434
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-widgets .widget.open .widget-inner {
435
- border: 1px solid #999; }
436
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-widgets .widget .widget-title-action {
437
- background: #f7f7f7;
438
- border: 0;
439
- padding-left: 0;
440
- padding-right: 10px;
441
- position: absolute;
442
- top: 0; }
443
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-widgets .widget[data-type=item] .widget-title-action {
444
- display: none; }
445
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-widgets .widget .widget-title h4 {
446
- font-weight: normal;
447
- margin-top: 5px;
448
- line-height: 16px; }
449
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-widgets .widget .widget-title .widget-desc {
450
- clear: both;
451
- font-weight: normal;
452
- font-size: 10px;
453
- opacity: 0.6;
454
- float: left;
455
- font-style: italic; }
456
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-description {
457
- float: left; }
458
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-description .mega-disabled .dashicons {
459
- opacity: 1; }
460
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-description .dashicons.mega-settings-open {
461
  opacity: 1; }
462
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-description .dashicons {
463
- opacity: 0.2;
464
- transition: opacity 0.5s; }
465
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-description .dashicons-trash {
466
- display: none;
467
- color: #D0011B; }
468
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col[data-total-blocks='0'] .dashicons-trash {
469
- display: inline-block;
470
- opacity: 1; }
471
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-header {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
472
  display: inline-block;
 
 
 
 
473
  width: 100%; }
474
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-header .mega-col-description:hover .dashicons {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
475
  opacity: 1; }
476
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-header .mega-col-actions {
477
- float: right; }
478
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-header .mega-col-actions .dashicons {
479
- margin-right: 0;
480
- width: 10px;
481
- cursor: pointer; }
482
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col .mega-col-header .mega-col-actions > span {
483
- font-size: 10px;
484
- position: relative;
485
- top: -3px; }
486
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid button.mega-add-column {
487
- position: absolute;
488
- right: 10px;
489
- top: 10px; }
490
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid button.mega-add-row {
491
- margin-top: 20px; }
492
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col-settings {
493
- float: left;
494
- width: 100%;
495
- display: none;
496
- margin: 5px 0 20px;
497
- padding: 10px;
498
- box-sizing: border-box; }
499
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col-settings label {
500
  width: 100%;
501
- font-size: 11px;
502
- text-transform: uppercase;
503
- margin-right: 5px; }
504
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col-settings input {
505
- font-size: 11px;
506
- max-width: 100%;
507
- display: block;
 
 
 
 
 
 
 
 
 
 
 
 
508
  width: 100%;
509
- margin: 5px 0 10px 0; }
510
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-col-settings button {
511
- display: block; }
512
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row-settings {
513
- float: left;
514
- width: 100%;
515
- display: none;
516
- margin: 5px 0 20px;
517
- padding: 10px;
518
- box-sizing: border-box; }
519
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row-settings .mega-settings-row {
520
- margin-bottom: 5px; }
521
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row-settings label {
522
- width: 150px;
523
- font-size: 11px;
524
- text-transform: uppercase;
525
- display: inline-block; }
526
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row-settings input,
527
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row-settings select {
528
- font-size: 11px; }
529
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-row-settings button {
530
- display: block; }
531
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .dashicons {
532
- font-size: 13px;
533
- width: 17px;
534
- cursor: pointer; }
535
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .dashicons-sort,
536
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .dashicons-move {
537
- cursor: move; }
538
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-disabled .dashicons:before {
539
- color: #D0011B; }
540
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .mega-add-row {
541
- clear: both; }
542
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .drop-area {
543
- display: inline-block;
544
- -webkit-box-sizing: border-box;
545
- -moz-box-sizing: border-box;
546
- box-sizing: border-box; }
547
- .nav-menus-php #cboxContent .mega_menu #megamenu-grid .ui-sortable-helper {
548
- opacity: 0.5; }
549
- .nav-menus-php #cboxContent .mega_menu #widgets {
550
  float: left;
551
  background: #f7f7f7;
552
  border: 1px solid #DFDFDF;
@@ -558,7 +575,7 @@
558
  width: 100%;
559
  box-sizing: border-box;
560
  min-height: 200px; }
561
- .nav-menus-php #cboxContent .mega_menu #widgets .no_widgets {
562
  font-size: 0.9em;
563
  margin-left: 10px;
564
  font-style: italic;
@@ -566,34 +583,34 @@
566
  clear: both;
567
  color: #444;
568
  float: left; }
569
- .nav-menus-php #cboxContent .mega_menu #widgets .drop-area {
570
  display: block;
571
  border: 1px solid #eee;
572
  float: left;
573
  -webkit-box-sizing: border-box;
574
  -moz-box-sizing: border-box;
575
  box-sizing: border-box; }
576
- .nav-menus-php #cboxContent .mega_menu #widgets .widget[data-type='menu_item'] .widget-action {
577
  display: none; }
578
- .nav-menus-php #cboxContent .mega_menu #widgets .widget {
579
  width: 100%; }
580
- .nav-menus-php #cboxContent .mega_menu #widgets .widget h4 {
581
  max-width: 700px; }
582
- .nav-menus-php #cboxContent .mega_menu select#mm_enable_mega_menu {
583
  margin-bottom: 0;
584
  font-size: 0.9em;
585
  margin: 0 5px; }
586
- .nav-menus-php #cboxContent .mega_menu select#mm_widget_selector {
587
  font-size: 0.9em;
588
  float: right;
589
  margin-right: 5px; }
590
- .nav-menus-php #cboxContent .mega_menu #mm_number_of_columns {
591
  font-size: 0.9em;
592
  float: right;
593
  margin-right: 10px; }
594
- .nav-menus-php #cboxContent .mega_menu .mm_header {
595
  float: right; }
596
- .nav-menus-php #cboxContent .mega_menu .widget {
597
  -webkit-box-sizing: border-box;
598
  -moz-box-sizing: border-box;
599
  box-sizing: border-box;
@@ -604,21 +621,21 @@
604
  display: inline-block;
605
  float: left;
606
  border: 5px solid transparent; }
607
- .nav-menus-php #cboxContent .mega_menu .widget:hover .widget-top {
608
  border: 1px solid #444; }
609
- .nav-menus-php #cboxContent .mega_menu .widget:hover .widget-inner {
610
  border: 1px solid #444; }
611
- .nav-menus-php #cboxContent .mega_menu .widget textarea {
612
  max-height: 100px; }
613
- .nav-menus-php #cboxContent .mega_menu .widget.open {
614
  z-index: 999; }
615
- .nav-menus-php #cboxContent .mega_menu .widget.open .widget-top {
616
  border: 1px solid #444;
617
  cursor: move;
618
  z-index: 1001;
619
  position: relative;
620
  border-bottom: 0; }
621
- .nav-menus-php #cboxContent .mega_menu .widget.open .widget-inner {
622
  border: 1px solid #444;
623
  position: absolute;
624
  z-index: 1000;
@@ -629,9 +646,9 @@
629
  min-width: 340px;
630
  box-sizing: border-box;
631
  display: block; }
632
- .nav-menus-php #cboxContent .mega_menu .widget.open .widget-action::after {
633
  content: '\f142'; }
634
- .nav-menus-php #cboxContent .mega_menu .widget-top {
635
  border: 0;
636
  -webkit-box-shadow: 0 0 0;
637
  box-shadow: 0 0 0;
@@ -639,9 +656,9 @@
639
  padding: 0 8px;
640
  background: white;
641
  overflow: hidden; }
642
- .nav-menus-php #cboxContent .mega_menu .widget.sub_menu .widget-top {
643
  cursor: default; }
644
- .nav-menus-php #cboxContent .mega_menu .widget-title h4 {
645
  color: #444;
646
  float: left;
647
  margin: 0;
@@ -652,7 +669,7 @@
652
  font-size: 12px;
653
  text-overflow: ellipsis;
654
  line-height: 42px; }
655
- .nav-menus-php #cboxContent .mega_menu .widget-title h4:after {
656
  color: #d54e21;
657
  display: none;
658
  font: normal 20px/1 'dashicons';
@@ -665,9 +682,9 @@
665
  -webkit-animation: rotation 2s infinite linear;
666
  animation: rotation 2s infinite linear;
667
  vertical-align: middle; }
668
- .nav-menus-php #cboxContent .mega_menu .widget-title h4.loading:after {
669
  display: inline-block; }
670
- .nav-menus-php #cboxContent .mega_menu .widget[data-type='menu_item'] .widget-title h4:before {
671
  color: #444;
672
  font: normal 16px/1 'dashicons';
673
  speak: none;
@@ -679,26 +696,26 @@
679
  vertical-align: middle;
680
  top: -1px;
681
  position: relative; }
682
- .nav-menus-php #cboxContent .mega_menu .widget-controls {
683
  float: left; }
684
- .nav-menus-php #cboxContent .mega_menu .widget-controls .delete:hover {
685
  text-decoration: none;
686
  color: #D0011B; }
687
- .nav-menus-php #cboxContent .mega_menu .widget-inner {
688
  display: none;
689
  float: left;
690
  width: 100%;
691
  background: white; }
692
- .nav-menus-php #cboxContent .mega_menu .widget-inner form {
693
  padding: 0 15px 15px 15px;
694
  margin-bottom: 30px; }
695
- .nav-menus-php #cboxContent .mega_menu .widget-inner p {
696
  font-size: 12px; }
697
- .nav-menus-php #cboxContent .mega_menu .widget-inner select {
698
  font-size: 12px; }
699
- .nav-menus-php #cboxContent .mega_menu .widget-inner input {
700
  font-size: 12px; }
701
- .nav-menus-php #cboxContent .mega_menu .widget-title-action {
702
  padding: 0;
703
  position: relative;
704
  font-weight: normal;
@@ -709,10 +726,10 @@
709
  padding-left: 10px;
710
  opacity: 1;
711
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 9%, white 100%); }
712
- .nav-menus-php #cboxContent .mega_menu .widget-title-action a {
713
  display: inline-block;
714
  line-height: 40px; }
715
- .nav-menus-php #cboxContent .mega_menu .widget-option {
716
  right: 0;
717
  border: 0;
718
  background: 0 0;
@@ -727,137 +744,125 @@
727
  -moz-osx-font-smoothing: grayscale;
728
  text-decoration: none !important;
729
  color: #999; }
730
- .nav-menus-php #cboxContent .mega_menu .widget-option:hover {
731
  color: #444;
732
  cursor: pointer; }
733
- .nav-menus-php #cboxContent .mega_menu .widget-option::after {
734
  padding: 0;
735
  font: 400 14px/40px dashicons;
736
  display: inline; }
737
- .nav-menus-php #cboxContent .mega_menu .widget-cols {
738
  line-height: 40px;
739
  vertical-align: top;
740
  display: inline-block;
741
  color: #999;
742
  font-size: 11px;
743
  vertical-align: bottom; }
744
- .nav-menus-php #cboxContent .mega_menu h5 {
745
  margin: 10px 0 0 10px;
746
  text-transform: uppercase;
747
  float: left; }
748
- .nav-menus-php #cboxContent .mega_menu .widget-expand::after {
749
  content: '\f345'; }
750
- .nav-menus-php #cboxContent .mega_menu .widget-contract::after {
751
  content: '\f341'; }
752
- .nav-menus-php #cboxContent .mega_menu .widget-action::after {
753
  content: '\f107';
754
  margin: 0; }
755
- .nav-menus-php #cboxContent .mega_menu .widget-option.disabled:hover {
756
  color: #999; }
757
- .nav-menus-php #cboxContent .mega_menu .widget[data-columns='1'] .widget-contract {
758
  display: none; }
759
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='1'] .widget[data-columns='1'] {
760
  width: 100%; }
761
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='2'] .widget[data-columns='1'] {
762
  width: 50%; }
763
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='2'] .widget[data-columns='2'] {
764
  width: 100%; }
765
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='3'] .widget[data-columns='1'] {
766
  width: 33.3%; }
767
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='3'] .widget[data-columns='2'] {
768
  width: 66.6%; }
769
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='3'] .widget[data-columns='3'] {
770
  width: 100%; }
771
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='4'] .widget[data-columns='1'] {
772
  width: 25%; }
773
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='4'] .widget[data-columns='2'] {
774
  width: 50%; }
775
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='4'] .widget[data-columns='3'] {
776
  width: 75%; }
777
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='4'] .widget[data-columns='4'] {
778
  width: 100%; }
779
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='5'] .widget[data-columns='1'] {
780
  width: 20%; }
781
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='5'] .widget[data-columns='2'] {
782
  width: 40%; }
783
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='5'] .widget[data-columns='3'] {
784
  width: 60%; }
785
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='5'] .widget[data-columns='4'] {
786
  width: 80%; }
787
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='5'] .widget[data-columns='5'] {
788
  width: 100%; }
789
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='6'] .widget[data-columns='1'] {
790
  width: 16.6%; }
791
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='6'] .widget[data-columns='2'] {
792
  width: 33.3%; }
793
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='6'] .widget[data-columns='3'] {
794
  width: 50%; }
795
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='6'] .widget[data-columns='4'] {
796
  width: 66.6%; }
797
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='6'] .widget[data-columns='5'] {
798
  width: 83.3%; }
799
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='6'] .widget[data-columns='6'] {
800
  width: 100%; }
801
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='7'] .widget[data-columns='1'] {
802
  width: 14.28%; }
803
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='7'] .widget[data-columns='2'] {
804
  width: 28.57%; }
805
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='7'] .widget[data-columns='3'] {
806
  width: 42.85%; }
807
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='7'] .widget[data-columns='4'] {
808
  width: 57.14%; }
809
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='7'] .widget[data-columns='5'] {
810
  width: 71.42%; }
811
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='7'] .widget[data-columns='6'] {
812
  width: 85.71%; }
813
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='7'] .widget[data-columns='7'] {
814
  width: 100%; }
815
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='8'] .widget[data-columns='1'] {
816
  width: 12.5%; }
817
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='8'] .widget[data-columns='2'] {
818
  width: 25%; }
819
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='8'] .widget[data-columns='3'] {
820
  width: 37.5%; }
821
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='8'] .widget[data-columns='4'] {
822
  width: 50%; }
823
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='8'] .widget[data-columns='5'] {
824
  width: 62.5%; }
825
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='8'] .widget[data-columns='6'] {
826
  width: 75%; }
827
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='8'] .widget[data-columns='7'] {
828
  width: 87.5%; }
829
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='8'] .widget[data-columns='8'] {
830
  width: 100%; }
831
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='9'] .widget[data-columns='1'] {
832
  width: 11.11%; }
833
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='9'] .widget[data-columns='2'] {
834
  width: 22.22%; }
835
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='9'] .widget[data-columns='3'] {
836
  width: 33.33%; }
837
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='9'] .widget[data-columns='4'] {
838
  width: 44.44%; }
839
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='9'] .widget[data-columns='5'] {
840
  width: 55.55%; }
841
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='9'] .widget[data-columns='6'] {
842
  width: 66.66%; }
843
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='9'] .widget[data-columns='7'] {
844
  width: 77.77%; }
845
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='9'] .widget[data-columns='8'] {
846
  width: 88.88%; }
847
- .nav-menus-php #cboxContent .mega_menu #widgets[data-columns='9'] .widget[data-columns='9'] {
848
  width: 100%; }
849
- .nav-menus-php #cboxContent .mega_menu #widgets.disabled {
850
- opacity: 0.5; }
851
- .nav-menus-php #cboxContent .mega_menu #widgets.disabled:after {
852
- background: #DFDFDF;
853
- display: block;
854
- position: absolute;
855
- top: 0;
856
- left: 0;
857
- height: 100%;
858
- width: 100%;
859
- content: "";
860
- opacity: 0.3; }
861
  .nav-menus-php #cboxContent label[for='mm_enable_mega_menu'] {
862
  font-size: 12px; }
863
  .nav-menus-php #cboxContent .menu_icon .icon_selector {
@@ -1412,8 +1417,10 @@ body.toplevel_page_maxmegamenu .megamenu_wrap .megamenu_submit .saved .dashicons
1412
  height: 28px; }
1413
 
1414
  body[class*='_page_maxmegamenu_'] .megamenu_wrap .success,
 
1415
  body[class*='_page_maxmegamenu_'] .megamenu_wrap .fail,
1416
  body.toplevel_page_maxmegamenu .megamenu_wrap .success,
 
1417
  body.toplevel_page_maxmegamenu .megamenu_wrap .fail {
1418
  background: #fff;
1419
  border-left: 4px solid #46b450;
@@ -1428,7 +1435,11 @@ body.toplevel_page_maxmegamenu .megamenu_wrap .fail {
1428
 
1429
  body[class*='_page_maxmegamenu_'] .megamenu_wrap .fail,
1430
  body.toplevel_page_maxmegamenu .megamenu_wrap .fail {
1431
- border-left: 4px solid #D0011B; }
 
 
 
 
1432
 
1433
  body[class*='_page_maxmegamenu_'] .mm-picker-container,
1434
  body.toplevel_page_maxmegamenu .mm-picker-container {
@@ -1890,9 +1901,13 @@ body.toplevel_page_maxmegamenu .megamenu_right {
1890
  body[class*='_page_maxmegamenu_'] .megamenu_right .menu_settings div.mega-tab-content.mega-toggle-disabled .mega-toggle_blocks td:after,
1891
  body[class*='_page_maxmegamenu_'] .megamenu_right .menu_settings div.mega-tab-content.mega-toggle-disabled .mega-toggle_bar_background td:after,
1892
  body[class*='_page_maxmegamenu_'] .megamenu_right .menu_settings div.mega-tab-content.mega-toggle-disabled .mega-toggle_bar_height td:after,
 
 
1893
  body.toplevel_page_maxmegamenu .megamenu_right .menu_settings div.mega-tab-content.mega-toggle-disabled .mega-toggle_blocks td:after,
1894
  body.toplevel_page_maxmegamenu .megamenu_right .menu_settings div.mega-tab-content.mega-toggle-disabled .mega-toggle_bar_background td:after,
1895
- body.toplevel_page_maxmegamenu .megamenu_right .menu_settings div.mega-tab-content.mega-toggle-disabled .mega-toggle_bar_height td:after {
 
 
1896
  background: #eee;
1897
  display: block;
1898
  position: absolute;
183
  overflow: auto;
184
  box-sizing: border-box;
185
  position: relative; }
186
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets,
187
+ .nav-menus-php #cboxContent .mm_content.mega_menu #mm_widget_selector,
188
+ .nav-menus-php #cboxContent .mm_content.mega_menu #mm_number_of_columns,
189
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid {
190
+ display: none; }
191
+ .nav-menus-php #cboxContent .mm_content.mega_menu[data-type='grid'] #megamenu-grid,
192
+ .nav-menus-php #cboxContent .mm_content.mega_menu[data-type='grid'] #mm_widget_selector {
193
+ display: block; }
194
+ .nav-menus-php #cboxContent .mm_content.mega_menu[data-type='megamenu'] #widgets,
195
+ .nav-menus-php #cboxContent .mm_content.mega_menu[data-type='megamenu'] #mm_widget_selector,
196
+ .nav-menus-php #cboxContent .mm_content.mega_menu[data-type='megamenu'] #mm_number_of_columns {
197
+ display: block !important;
198
+ /* @todo remove !important once MMM Pro 1.7.1 is released */ }
199
+ .nav-menus-php #cboxContent .mm_content.mega_menu .mm_panel_options {
200
  float: right; }
201
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid {
202
+ margin-top: 20px; }
203
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid button.mega-add-row,
204
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid button.mega-add-column {
205
+ height: 21px;
206
+ line-height: 20px;
207
+ font-size: 12px;
208
+ padding-left: 4px; }
209
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid button.mega-add-row .dashicons-plus,
210
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid button.mega-add-column .dashicons-plus {
211
+ margin-top: 4px; }
212
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid > .drop-area {
213
+ margin-top: 20px;
214
+ border: 1px dashed #999;
215
+ max-height: 100px !important; }
216
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row {
 
 
 
 
 
 
 
 
 
 
217
  width: 100%;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
218
  display: inline-block;
219
+ background-color: #f7f7f7;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
220
  border: 1px solid #DFDFDF;
221
+ clear: both;
222
+ padding: 10px 5px;
223
+ margin-top: 20px;
224
+ box-sizing: border-box;
225
+ position: relative;
226
+ min-height: 100%; }
227
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row:first-child {
228
+ margin-top: 0; }
229
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row .mega-row-header {
230
+ display: inline-block;
231
  width: 100%;
232
+ padding: 5px 0;
233
+ box-sizing: border-box; }
234
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row .mega-row-header .mega-disabled .dashicons {
235
+ opacity: 1; }
236
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row .mega-row-header .dashicons.mega-settings-open {
237
+ opacity: 1; }
238
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row .mega-row-header .dashicons {
239
+ opacity: 0.2;
240
+ transition: opacity 0.5s; }
241
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row .mega-row-header .dashicons-plus {
242
+ opacity: 1; }
243
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row .mega-row-header .mega-row-actions {
244
+ display: inline-block; }
245
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row .mega-row-header .mega-row-actions .dashicons-trash {
246
+ display: none;
247
+ color: #D0011B; }
248
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row .mega-row-header .mega-row-actions:hover .dashicons {
249
+ opacity: 1; }
250
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-used-cols='0'] .mega-row-header .mega-row-actions .dashicons-trash {
251
+ display: inline-block;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
252
  opacity: 1; }
253
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row .mega-too-many-cols {
254
+ display: none; }
255
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-too-many-cols='true'] .mega-too-many-cols {
256
+ display: block; }
257
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row .mega-row-is-full {
258
+ display: none; }
259
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-row-is-full='true'] .mega-col-expand,
260
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row .mega-col[data-span='1'] .mega-col-contract {
261
+ pointer-events: none;
262
+ color: #DFDFDF; }
263
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-row-is-full='true'] .mega-col-expand {
264
+ pointer-events: none;
265
+ color: #DFDFDF; }
266
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='1'] .mega-col[data-span='1'] {
267
+ width: 100%; }
268
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='2'] .mega-col[data-span='1'] {
269
+ width: 50%; }
270
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='2'] .mega-col[data-span='2'] {
271
+ width: 100%; }
272
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='3'] .mega-col[data-span='1'] {
273
+ width: 33.33333%; }
274
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='3'] .mega-col[data-span='2'] {
275
+ width: 66.66667%; }
276
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='3'] .mega-col[data-span='3'] {
277
+ width: 100%; }
278
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='4'] .mega-col[data-span='1'] {
279
+ width: 25%; }
280
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='4'] .mega-col[data-span='2'] {
281
+ width: 50%; }
282
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='4'] .mega-col[data-span='3'] {
283
+ width: 75%; }
284
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='4'] .mega-col[data-span='4'] {
285
+ width: 100%; }
286
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='5'] .mega-col[data-span='1'] {
287
+ width: 20%; }
288
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='5'] .mega-col[data-span='2'] {
289
+ width: 40%; }
290
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='5'] .mega-col[data-span='3'] {
291
+ width: 60%; }
292
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='5'] .mega-col[data-span='4'] {
293
+ width: 80%; }
294
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='5'] .mega-col[data-span='5'] {
295
+ width: 100%; }
296
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='6'] .mega-col[data-span='1'] {
297
+ width: 16.66667%; }
298
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='6'] .mega-col[data-span='2'] {
299
+ width: 33.33333%; }
300
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='6'] .mega-col[data-span='3'] {
301
+ width: 50%; }
302
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='6'] .mega-col[data-span='4'] {
303
+ width: 66.66667%; }
304
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='6'] .mega-col[data-span='5'] {
305
+ width: 83.33333%; }
306
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='6'] .mega-col[data-span='6'] {
307
+ width: 100%; }
308
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='7'] .mega-col[data-span='1'] {
309
+ width: 14.28571%; }
310
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='7'] .mega-col[data-span='2'] {
311
+ width: 28.57143%; }
312
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='7'] .mega-col[data-span='3'] {
313
+ width: 42.85714%; }
314
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='7'] .mega-col[data-span='4'] {
315
+ width: 57.14286%; }
316
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='7'] .mega-col[data-span='5'] {
317
+ width: 71.42857%; }
318
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='7'] .mega-col[data-span='6'] {
319
+ width: 85.71429%; }
320
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='7'] .mega-col[data-span='7'] {
321
+ width: 100%; }
322
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='8'] .mega-col[data-span='1'] {
323
+ width: 12.5%; }
324
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='8'] .mega-col[data-span='2'] {
325
+ width: 25%; }
326
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='8'] .mega-col[data-span='3'] {
327
+ width: 37.5%; }
328
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='8'] .mega-col[data-span='4'] {
329
+ width: 50%; }
330
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='8'] .mega-col[data-span='5'] {
331
+ width: 62.5%; }
332
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='8'] .mega-col[data-span='6'] {
333
+ width: 75%; }
334
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='8'] .mega-col[data-span='7'] {
335
+ width: 87.5%; }
336
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='8'] .mega-col[data-span='8'] {
337
+ width: 100%; }
338
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='9'] .mega-col[data-span='1'] {
339
+ width: 11.11111%; }
340
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='9'] .mega-col[data-span='2'] {
341
+ width: 22.22222%; }
342
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='9'] .mega-col[data-span='3'] {
343
+ width: 33.33333%; }
344
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='9'] .mega-col[data-span='4'] {
345
+ width: 44.44444%; }
346
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='9'] .mega-col[data-span='5'] {
347
+ width: 55.55556%; }
348
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='9'] .mega-col[data-span='6'] {
349
+ width: 66.66667%; }
350
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='9'] .mega-col[data-span='7'] {
351
+ width: 77.77778%; }
352
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='9'] .mega-col[data-span='8'] {
353
+ width: 88.88889%; }
354
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='9'] .mega-col[data-span='9'] {
355
+ width: 100%; }
356
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='10'] .mega-col[data-span='1'] {
357
+ width: 10%; }
358
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='10'] .mega-col[data-span='2'] {
359
+ width: 20%; }
360
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='10'] .mega-col[data-span='3'] {
361
+ width: 30%; }
362
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='10'] .mega-col[data-span='4'] {
363
+ width: 40%; }
364
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='10'] .mega-col[data-span='5'] {
365
+ width: 50%; }
366
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='10'] .mega-col[data-span='6'] {
367
+ width: 60%; }
368
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='10'] .mega-col[data-span='7'] {
369
+ width: 70%; }
370
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='10'] .mega-col[data-span='8'] {
371
+ width: 80%; }
372
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='10'] .mega-col[data-span='9'] {
373
+ width: 90%; }
374
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='10'] .mega-col[data-span='10'] {
375
+ width: 100%; }
376
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='11'] .mega-col[data-span='1'] {
377
+ width: 9.09091%; }
378
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='11'] .mega-col[data-span='2'] {
379
+ width: 18.18182%; }
380
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='11'] .mega-col[data-span='3'] {
381
+ width: 27.27273%; }
382
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='11'] .mega-col[data-span='4'] {
383
+ width: 36.36364%; }
384
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='11'] .mega-col[data-span='5'] {
385
+ width: 45.45455%; }
386
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='11'] .mega-col[data-span='6'] {
387
+ width: 54.54545%; }
388
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='11'] .mega-col[data-span='7'] {
389
+ width: 63.63636%; }
390
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='11'] .mega-col[data-span='8'] {
391
+ width: 72.72727%; }
392
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='11'] .mega-col[data-span='9'] {
393
+ width: 81.81818%; }
394
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='11'] .mega-col[data-span='10'] {
395
+ width: 90.90909%; }
396
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='11'] .mega-col[data-span='11'] {
397
+ width: 100%; }
398
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='12'] .mega-col[data-span='1'] {
399
+ width: 8.33333%; }
400
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='12'] .mega-col[data-span='2'] {
401
+ width: 16.66667%; }
402
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='12'] .mega-col[data-span='3'] {
403
+ width: 25%; }
404
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='12'] .mega-col[data-span='4'] {
405
+ width: 33.33333%; }
406
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='12'] .mega-col[data-span='5'] {
407
+ width: 41.66667%; }
408
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='12'] .mega-col[data-span='6'] {
409
+ width: 50%; }
410
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='12'] .mega-col[data-span='7'] {
411
+ width: 58.33333%; }
412
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='12'] .mega-col[data-span='8'] {
413
+ width: 66.66667%; }
414
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='12'] .mega-col[data-span='9'] {
415
+ width: 75%; }
416
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='12'] .mega-col[data-span='10'] {
417
+ width: 83.33333%; }
418
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='12'] .mega-col[data-span='11'] {
419
+ width: 91.66667%; }
420
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row[data-available-cols='12'] .mega-col[data-span='12'] {
421
+ width: 100%; }
422
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row .notice {
423
+ margin: 10px 5px;
424
+ cursor: pointer; }
425
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-col {
426
  display: inline-block;
427
+ position: relative;
428
+ vertical-align: top;
429
+ float: left;
430
+ transition: width 0.1s;
431
  width: 100%; }
432
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-col .mega-col-wrap {
433
+ background-color: #fff;
434
+ border: 1px solid #DFDFDF;
435
+ margin: 3px;
436
+ padding: 8px; }
437
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-col .mega-col-widgets {
438
+ min-height: 50px; }
439
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-col .mega-col-widgets .widget {
440
+ float: none;
441
+ width: 100%;
442
+ border: 0;
443
+ margin: 3px 0; }
444
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-col .mega-col-widgets .widget .widget-top {
445
+ background: #f7f7f7;
446
+ border: 1px solid #DFDFDF;
447
+ height: 42px; }
448
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-col .mega-col-widgets .widget.open .widget-top {
449
+ border: 1px solid #999;
450
+ border-bottom: 0; }
451
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-col .mega-col-widgets .widget.open .widget-inner {
452
+ border: 1px solid #999; }
453
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-col .mega-col-widgets .widget .widget-title-action {
454
+ background: #f7f7f7;
455
+ border: 0;
456
+ padding-left: 0;
457
+ padding-right: 10px;
458
+ position: absolute;
459
+ top: 0; }
460
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-col .mega-col-widgets .widget[data-type=item] .widget-title-action {
461
+ display: none; }
462
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-col .mega-col-widgets .widget .widget-title h4 {
463
+ font-weight: normal;
464
+ margin-top: 5px;
465
+ line-height: 16px; }
466
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-col .mega-col-widgets .widget .widget-title .widget-desc {
467
+ clear: both;
468
+ font-weight: normal;
469
+ font-size: 10px;
470
+ opacity: 0.6;
471
+ float: left;
472
+ font-style: italic; }
473
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-col .mega-col-description {
474
+ float: left; }
475
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-col .mega-col-description .mega-disabled .dashicons {
476
+ opacity: 1; }
477
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-col .mega-col-description .dashicons.mega-settings-open {
478
+ opacity: 1; }
479
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-col .mega-col-description .dashicons {
480
+ opacity: 0.2;
481
+ transition: opacity 0.5s; }
482
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-col .mega-col-description .dashicons-trash {
483
+ display: none;
484
+ color: #D0011B; }
485
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-col[data-total-blocks='0'] .dashicons-trash {
486
+ display: inline-block;
487
  opacity: 1; }
488
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-col .mega-col-header {
489
+ display: inline-block;
490
+ width: 100%; }
491
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-col .mega-col-header .mega-col-description:hover .dashicons {
492
+ opacity: 1; }
493
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-col .mega-col-header .mega-col-actions {
494
+ float: right; }
495
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-col .mega-col-header .mega-col-actions .dashicons {
496
+ margin-right: 0;
497
+ width: 10px;
498
+ cursor: pointer; }
499
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-col .mega-col-header .mega-col-actions > span {
500
+ font-size: 10px;
501
+ position: relative;
502
+ top: -3px; }
503
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid button.mega-add-column {
504
+ position: absolute;
505
+ right: 10px;
506
+ top: 10px; }
507
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid button.mega-add-row {
508
+ margin-top: 20px; }
509
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-col-settings {
510
+ float: left;
 
511
  width: 100%;
512
+ display: none;
513
+ margin: 5px 0 20px;
514
+ padding: 10px;
515
+ box-sizing: border-box; }
516
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-col-settings label {
517
+ width: 100%;
518
+ font-size: 11px;
519
+ text-transform: uppercase;
520
+ margin-right: 5px; }
521
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-col-settings input {
522
+ font-size: 11px;
523
+ max-width: 100%;
524
+ display: block;
525
+ width: 100%;
526
+ margin: 5px 0 10px 0; }
527
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-col-settings button {
528
+ display: block; }
529
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row-settings {
530
+ float: left;
531
  width: 100%;
532
+ display: none;
533
+ margin: 5px 0 20px;
534
+ padding: 10px;
535
+ box-sizing: border-box; }
536
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row-settings .mega-settings-row {
537
+ margin-bottom: 5px; }
538
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row-settings label {
539
+ width: 150px;
540
+ font-size: 11px;
541
+ text-transform: uppercase;
542
+ display: inline-block; }
543
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row-settings input,
544
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row-settings select {
545
+ font-size: 11px; }
546
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-row-settings button {
547
+ display: block; }
548
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .dashicons {
549
+ font-size: 13px;
550
+ width: 17px;
551
+ cursor: pointer; }
552
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .dashicons-sort,
553
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .dashicons-move {
554
+ cursor: move; }
555
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-disabled .dashicons:before {
556
+ color: #D0011B; }
557
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .mega-add-row {
558
+ clear: both; }
559
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .drop-area {
560
+ display: inline-block;
561
+ -webkit-box-sizing: border-box;
562
+ -moz-box-sizing: border-box;
563
+ box-sizing: border-box; }
564
+ .nav-menus-php #cboxContent .mm_content.mega_menu #megamenu-grid .ui-sortable-helper {
565
+ opacity: 0.5; }
566
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets {
 
 
 
 
 
 
567
  float: left;
568
  background: #f7f7f7;
569
  border: 1px solid #DFDFDF;
575
  width: 100%;
576
  box-sizing: border-box;
577
  min-height: 200px; }
578
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets .no_widgets {
579
  font-size: 0.9em;
580
  margin-left: 10px;
581
  font-style: italic;
583
  clear: both;
584
  color: #444;
585
  float: left; }
586
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets .drop-area {
587
  display: block;
588
  border: 1px solid #eee;
589
  float: left;
590
  -webkit-box-sizing: border-box;
591
  -moz-box-sizing: border-box;
592
  box-sizing: border-box; }
593
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets .widget[data-type='menu_item'] .widget-action {
594
  display: none; }
595
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets .widget {
596
  width: 100%; }
597
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets .widget h4 {
598
  max-width: 700px; }
599
+ .nav-menus-php #cboxContent .mm_content.mega_menu select#mm_enable_mega_menu {
600
  margin-bottom: 0;
601
  font-size: 0.9em;
602
  margin: 0 5px; }
603
+ .nav-menus-php #cboxContent .mm_content.mega_menu select#mm_widget_selector {
604
  font-size: 0.9em;
605
  float: right;
606
  margin-right: 5px; }
607
+ .nav-menus-php #cboxContent .mm_content.mega_menu select#mm_number_of_columns {
608
  font-size: 0.9em;
609
  float: right;
610
  margin-right: 10px; }
611
+ .nav-menus-php #cboxContent .mm_content.mega_menu .mm_header {
612
  float: right; }
613
+ .nav-menus-php #cboxContent .mm_content.mega_menu .widget {
614
  -webkit-box-sizing: border-box;
615
  -moz-box-sizing: border-box;
616
  box-sizing: border-box;
621
  display: inline-block;
622
  float: left;
623
  border: 5px solid transparent; }
624
+ .nav-menus-php #cboxContent .mm_content.mega_menu .widget:hover .widget-top {
625
  border: 1px solid #444; }
626
+ .nav-menus-php #cboxContent .mm_content.mega_menu .widget:hover .widget-inner {
627
  border: 1px solid #444; }
628
+ .nav-menus-php #cboxContent .mm_content.mega_menu .widget textarea {
629
  max-height: 100px; }
630
+ .nav-menus-php #cboxContent .mm_content.mega_menu .widget.open {
631
  z-index: 999; }
632
+ .nav-menus-php #cboxContent .mm_content.mega_menu .widget.open .widget-top {
633
  border: 1px solid #444;
634
  cursor: move;
635
  z-index: 1001;
636
  position: relative;
637
  border-bottom: 0; }
638
+ .nav-menus-php #cboxContent .mm_content.mega_menu .widget.open .widget-inner {
639
  border: 1px solid #444;
640
  position: absolute;
641
  z-index: 1000;
646
  min-width: 340px;
647
  box-sizing: border-box;
648
  display: block; }
649
+ .nav-menus-php #cboxContent .mm_content.mega_menu .widget.open .widget-action::after {
650
  content: '\f142'; }
651
+ .nav-menus-php #cboxContent .mm_content.mega_menu .widget-top {
652
  border: 0;
653
  -webkit-box-shadow: 0 0 0;
654
  box-shadow: 0 0 0;
656
  padding: 0 8px;
657
  background: white;
658
  overflow: hidden; }
659
+ .nav-menus-php #cboxContent .mm_content.mega_menu .widget.sub_menu .widget-top {
660
  cursor: default; }
661
+ .nav-menus-php #cboxContent .mm_content.mega_menu .widget-title h4 {
662
  color: #444;
663
  float: left;
664
  margin: 0;
669
  font-size: 12px;
670
  text-overflow: ellipsis;
671
  line-height: 42px; }
672
+ .nav-menus-php #cboxContent .mm_content.mega_menu .widget-title h4:after {
673
  color: #d54e21;
674
  display: none;
675
  font: normal 20px/1 'dashicons';
682
  -webkit-animation: rotation 2s infinite linear;
683
  animation: rotation 2s infinite linear;
684
  vertical-align: middle; }
685
+ .nav-menus-php #cboxContent .mm_content.mega_menu .widget-title h4.loading:after {
686
  display: inline-block; }
687
+ .nav-menus-php #cboxContent .mm_content.mega_menu .widget[data-type='menu_item'] .widget-title h4:before {
688
  color: #444;
689
  font: normal 16px/1 'dashicons';
690
  speak: none;
696
  vertical-align: middle;
697
  top: -1px;
698
  position: relative; }
699
+ .nav-menus-php #cboxContent .mm_content.mega_menu .widget-controls {
700
  float: left; }
701
+ .nav-menus-php #cboxContent .mm_content.mega_menu .widget-controls .delete:hover {
702
  text-decoration: none;
703
  color: #D0011B; }
704
+ .nav-menus-php #cboxContent .mm_content.mega_menu .widget-inner {
705
  display: none;
706
  float: left;
707
  width: 100%;
708
  background: white; }
709
+ .nav-menus-php #cboxContent .mm_content.mega_menu .widget-inner form {
710
  padding: 0 15px 15px 15px;
711
  margin-bottom: 30px; }
712
+ .nav-menus-php #cboxContent .mm_content.mega_menu .widget-inner p {
713
  font-size: 12px; }
714
+ .nav-menus-php #cboxContent .mm_content.mega_menu .widget-inner select {
715
  font-size: 12px; }
716
+ .nav-menus-php #cboxContent .mm_content.mega_menu .widget-inner input {
717
  font-size: 12px; }
718
+ .nav-menus-php #cboxContent .mm_content.mega_menu .widget-title-action {
719
  padding: 0;
720
  position: relative;
721
  font-weight: normal;
726
  padding-left: 10px;
727
  opacity: 1;
728
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 9%, white 100%); }
729
+ .nav-menus-php #cboxContent .mm_content.mega_menu .widget-title-action a {
730
  display: inline-block;
731
  line-height: 40px; }
732
+ .nav-menus-php #cboxContent .mm_content.mega_menu .widget-option {
733
  right: 0;
734
  border: 0;
735
  background: 0 0;
744
  -moz-osx-font-smoothing: grayscale;
745
  text-decoration: none !important;
746
  color: #999; }
747
+ .nav-menus-php #cboxContent .mm_content.mega_menu .widget-option:hover {
748
  color: #444;
749
  cursor: pointer; }
750
+ .nav-menus-php #cboxContent .mm_content.mega_menu .widget-option::after {
751
  padding: 0;
752
  font: 400 14px/40px dashicons;
753
  display: inline; }
754
+ .nav-menus-php #cboxContent .mm_content.mega_menu .widget-cols {
755
  line-height: 40px;
756
  vertical-align: top;
757
  display: inline-block;
758
  color: #999;
759
  font-size: 11px;
760
  vertical-align: bottom; }
761
+ .nav-menus-php #cboxContent .mm_content.mega_menu h5 {
762
  margin: 10px 0 0 10px;
763
  text-transform: uppercase;
764
  float: left; }
765
+ .nav-menus-php #cboxContent .mm_content.mega_menu .widget-expand::after {
766
  content: '\f345'; }
767
+ .nav-menus-php #cboxContent .mm_content.mega_menu .widget-contract::after {
768
  content: '\f341'; }
769
+ .nav-menus-php #cboxContent .mm_content.mega_menu .widget-action::after {
770
  content: '\f107';
771
  margin: 0; }
772
+ .nav-menus-php #cboxContent .mm_content.mega_menu .widget-option.disabled:hover {
773
  color: #999; }
774
+ .nav-menus-php #cboxContent .mm_content.mega_menu .widget[data-columns='1'] .widget-contract {
775
  display: none; }
776
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='1'] .widget[data-columns='1'] {
777
  width: 100%; }
778
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='2'] .widget[data-columns='1'] {
779
  width: 50%; }
780
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='2'] .widget[data-columns='2'] {
781
  width: 100%; }
782
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='3'] .widget[data-columns='1'] {
783
  width: 33.3%; }
784
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='3'] .widget[data-columns='2'] {
785
  width: 66.6%; }
786
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='3'] .widget[data-columns='3'] {
787
  width: 100%; }
788
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='4'] .widget[data-columns='1'] {
789
  width: 25%; }
790
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='4'] .widget[data-columns='2'] {
791
  width: 50%; }
792
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='4'] .widget[data-columns='3'] {
793
  width: 75%; }
794
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='4'] .widget[data-columns='4'] {
795
  width: 100%; }
796
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='5'] .widget[data-columns='1'] {
797
  width: 20%; }
798
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='5'] .widget[data-columns='2'] {
799
  width: 40%; }
800
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='5'] .widget[data-columns='3'] {
801
  width: 60%; }
802
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='5'] .widget[data-columns='4'] {
803
  width: 80%; }
804
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='5'] .widget[data-columns='5'] {
805
  width: 100%; }
806
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='6'] .widget[data-columns='1'] {
807
  width: 16.6%; }
808
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='6'] .widget[data-columns='2'] {
809
  width: 33.3%; }
810
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='6'] .widget[data-columns='3'] {
811
  width: 50%; }
812
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='6'] .widget[data-columns='4'] {
813
  width: 66.6%; }
814
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='6'] .widget[data-columns='5'] {
815
  width: 83.3%; }
816
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='6'] .widget[data-columns='6'] {
817
  width: 100%; }
818
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='7'] .widget[data-columns='1'] {
819
  width: 14.28%; }
820
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='7'] .widget[data-columns='2'] {
821
  width: 28.57%; }
822
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='7'] .widget[data-columns='3'] {
823
  width: 42.85%; }
824
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='7'] .widget[data-columns='4'] {
825
  width: 57.14%; }
826
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='7'] .widget[data-columns='5'] {
827
  width: 71.42%; }
828
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='7'] .widget[data-columns='6'] {
829
  width: 85.71%; }
830
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='7'] .widget[data-columns='7'] {
831
  width: 100%; }
832
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='8'] .widget[data-columns='1'] {
833
  width: 12.5%; }
834
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='8'] .widget[data-columns='2'] {
835
  width: 25%; }
836
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='8'] .widget[data-columns='3'] {
837
  width: 37.5%; }
838
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='8'] .widget[data-columns='4'] {
839
  width: 50%; }
840
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='8'] .widget[data-columns='5'] {
841
  width: 62.5%; }
842
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='8'] .widget[data-columns='6'] {
843
  width: 75%; }
844
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='8'] .widget[data-columns='7'] {
845
  width: 87.5%; }
846
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='8'] .widget[data-columns='8'] {
847
  width: 100%; }
848
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='9'] .widget[data-columns='1'] {
849
  width: 11.11%; }
850
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='9'] .widget[data-columns='2'] {
851
  width: 22.22%; }
852
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='9'] .widget[data-columns='3'] {
853
  width: 33.33%; }
854
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='9'] .widget[data-columns='4'] {
855
  width: 44.44%; }
856
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='9'] .widget[data-columns='5'] {
857
  width: 55.55%; }
858
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='9'] .widget[data-columns='6'] {
859
  width: 66.66%; }
860
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='9'] .widget[data-columns='7'] {
861
  width: 77.77%; }
862
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='9'] .widget[data-columns='8'] {
863
  width: 88.88%; }
864
+ .nav-menus-php #cboxContent .mm_content.mega_menu #widgets[data-columns='9'] .widget[data-columns='9'] {
865
  width: 100%; }
 
 
 
 
 
 
 
 
 
 
 
 
866
  .nav-menus-php #cboxContent label[for='mm_enable_mega_menu'] {
867
  font-size: 12px; }
868
  .nav-menus-php #cboxContent .menu_icon .icon_selector {
1417
  height: 28px; }
1418
 
1419
  body[class*='_page_maxmegamenu_'] .megamenu_wrap .success,
1420
+ body[class*='_page_maxmegamenu_'] .megamenu_wrap .warning,
1421
  body[class*='_page_maxmegamenu_'] .megamenu_wrap .fail,
1422
  body.toplevel_page_maxmegamenu .megamenu_wrap .success,
1423
+ body.toplevel_page_maxmegamenu .megamenu_wrap .warning,
1424
  body.toplevel_page_maxmegamenu .megamenu_wrap .fail {
1425
  background: #fff;
1426
  border-left: 4px solid #46b450;
1435
 
1436
  body[class*='_page_maxmegamenu_'] .megamenu_wrap .fail,
1437
  body.toplevel_page_maxmegamenu .megamenu_wrap .fail {
1438
+ border-left-color: #D0011B; }
1439
+
1440
+ body[class*='_page_maxmegamenu_'] .megamenu_wrap .warning,
1441
+ body.toplevel_page_maxmegamenu .megamenu_wrap .warning {
1442
+ border-left-color: #ffb900; }
1443
 
1444
  body[class*='_page_maxmegamenu_'] .mm-picker-container,
1445
  body.toplevel_page_maxmegamenu .mm-picker-container {
1901
  body[class*='_page_maxmegamenu_'] .megamenu_right .menu_settings div.mega-tab-content.mega-toggle-disabled .mega-toggle_blocks td:after,
1902
  body[class*='_page_maxmegamenu_'] .megamenu_right .menu_settings div.mega-tab-content.mega-toggle-disabled .mega-toggle_bar_background td:after,
1903
  body[class*='_page_maxmegamenu_'] .megamenu_right .menu_settings div.mega-tab-content.mega-toggle-disabled .mega-toggle_bar_height td:after,
1904
+ body[class*='_page_maxmegamenu_'] .megamenu_right .menu_settings div.mega-tab-content.mega-toggle-disabled .mega-mobile_menu_overlay td:after,
1905
+ body[class*='_page_maxmegamenu_'] .megamenu_right .menu_settings div.mega-tab-content.mega-toggle-disabled .mega-mobile_menu_force_width td:after,
1906
  body.toplevel_page_maxmegamenu .megamenu_right .menu_settings div.mega-tab-content.mega-toggle-disabled .mega-toggle_blocks td:after,
1907
  body.toplevel_page_maxmegamenu .megamenu_right .menu_settings div.mega-tab-content.mega-toggle-disabled .mega-toggle_bar_background td:after,
1908
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings div.mega-tab-content.mega-toggle-disabled .mega-toggle_bar_height td:after,
1909
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings div.mega-tab-content.mega-toggle-disabled .mega-mobile_menu_overlay td:after,
1910
+ body.toplevel_page_maxmegamenu .megamenu_right .menu_settings div.mega-tab-content.mega-toggle-disabled .mega-mobile_menu_force_width td:after {
1911
  background: #eee;
1912
  display: block;
1913
  position: absolute;
css/admin/admin.scss CHANGED
@@ -265,13 +265,38 @@ $green: #46b450;
265
  position: relative;
266
  }
267
 
268
- .mega_menu {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
269
 
270
  .mm_panel_options {
271
  float: right;
272
  }
273
 
274
  #megamenu-grid {
 
275
 
276
  button.mega-add-row,
277
  button.mega-add-column {
@@ -303,6 +328,10 @@ $green: #46b450;
303
  position: relative;
304
  min-height: 100%;
305
 
 
 
 
 
306
  .mega-row-header {
307
  display: inline-block;
308
  width: 100%;
@@ -684,7 +713,7 @@ $green: #46b450;
684
  margin-right: 5px;
685
  }
686
 
687
- #mm_number_of_columns {
688
  font-size: 0.9em;
689
  float: right;
690
  margin-right: 10px;
@@ -1109,22 +1138,6 @@ $green: #46b450;
1109
  width: 100%;
1110
  }
1111
  }
1112
-
1113
- #widgets.disabled {
1114
- opacity: 0.5;
1115
-
1116
- &:after {
1117
- background: $grey;
1118
- display: block;
1119
- position: absolute;
1120
- top: 0;
1121
- left: 0;
1122
- height: 100%;
1123
- width: 100%;
1124
- content: "";
1125
- opacity: 0.3;
1126
- }
1127
- }
1128
  }
1129
 
1130
  label[for='mm_enable_mega_menu'] {
@@ -1881,6 +1894,7 @@ body.toplevel_page_maxmegamenu {
1881
  }
1882
 
1883
  .megamenu_wrap .success,
 
1884
  .megamenu_wrap .fail {
1885
  background: $white;
1886
  border-left: 4px solid $green;
@@ -1895,7 +1909,10 @@ body.toplevel_page_maxmegamenu {
1895
  }
1896
 
1897
  .megamenu_wrap .fail {
1898
- border-left: 4px solid $red;
 
 
 
1899
  }
1900
 
1901
  .mm-picker-container {
@@ -2439,7 +2456,9 @@ body.toplevel_page_maxmegamenu {
2439
  &.mega-toggle-disabled {
2440
  .mega-toggle_blocks td:after,
2441
  .mega-toggle_bar_background td:after,
2442
- .mega-toggle_bar_height td:after {
 
 
2443
  background: $mid_grey;
2444
  display: block;
2445
  position: absolute;
265
  position: relative;
266
  }
267
 
268
+ .mm_content.mega_menu {
269
+ #widgets,
270
+ #mm_widget_selector,
271
+ #mm_number_of_columns,
272
+ #megamenu-grid {
273
+ display: none;
274
+ }
275
+ }
276
+
277
+ .mm_content.mega_menu[data-type='grid'] {
278
+ #megamenu-grid,
279
+ #mm_widget_selector {
280
+ display: block;
281
+ }
282
+ }
283
+
284
+ .mm_content.mega_menu[data-type='megamenu'] {
285
+ #widgets,
286
+ #mm_widget_selector,
287
+ #mm_number_of_columns {
288
+ display: block !important;/* @todo remove !important once MMM Pro 1.7.1 is released */
289
+ }
290
+ }
291
+
292
+ .mm_content.mega_menu {
293
 
294
  .mm_panel_options {
295
  float: right;
296
  }
297
 
298
  #megamenu-grid {
299
+ margin-top: 20px;
300
 
301
  button.mega-add-row,
302
  button.mega-add-column {
328
  position: relative;
329
  min-height: 100%;
330
 
331
+ &:first-child {
332
+ margin-top: 0;
333
+ }
334
+
335
  .mega-row-header {
336
  display: inline-block;
337
  width: 100%;
713
  margin-right: 5px;
714
  }
715
 
716
+ select#mm_number_of_columns {
717
  font-size: 0.9em;
718
  float: right;
719
  margin-right: 10px;
1138
  width: 100%;
1139
  }
1140
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1141
  }
1142
 
1143
  label[for='mm_enable_mega_menu'] {
1894
  }
1895
 
1896
  .megamenu_wrap .success,
1897
+ .megamenu_wrap .warning,
1898
  .megamenu_wrap .fail {
1899
  background: $white;
1900
  border-left: 4px solid $green;
1909
  }
1910
 
1911
  .megamenu_wrap .fail {
1912
+ border-left-color: $red;
1913
+ }
1914
+ .megamenu_wrap .warning {
1915
+ border-left-color: #ffb900;
1916
  }
1917
 
1918
  .mm-picker-container {
2456
  &.mega-toggle-disabled {
2457
  .mega-toggle_blocks td:after,
2458
  .mega-toggle_bar_background td:after,
2459
+ .mega-toggle_bar_height td:after,
2460
+ .mega-mobile_menu_overlay td:after,
2461
+ .mega-mobile_menu_force_width td:after {
2462
  background: $mid_grey;
2463
  display: block;
2464
  position: absolute;
css/megamenu.scss CHANGED
@@ -14,6 +14,8 @@
14
  #{$wrap} #{$menu},
15
  #{$wrap} #{$menu} ul.mega-sub-menu,
16
  #{$wrap} #{$menu} li.mega-menu-item,
 
 
17
  #{$wrap} #{$menu} a.mega-menu-link {
18
  -moz-transition: none;
19
  -o-transition: none;
@@ -48,6 +50,7 @@
48
  text-align: left;
49
  text-decoration: none;
50
  text-transform: none;
 
51
  top: auto;
52
  vertical-align: baseline;
53
  visibility: inherit;
@@ -318,13 +321,15 @@
318
  vertical-align: middle;
319
 
320
  @if $menu_item_divider == 'on' {
321
- border-left: 1px solid $menu_item_divider_color;
322
- @include box-shadow(inset 1px 0 0 0 rgba(255,255,255,$menu_item_divider_glow_opacity));
 
323
 
324
- /* Hide divider on first menu item */
325
- &:first-of-type {
326
- border-left: 0;
327
- @include box-shadow(none);
 
328
  }
329
  }
330
 
@@ -449,14 +454,10 @@
449
  li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
450
  width: 100%;
451
  float: left;
452
- background: transparent;
453
- border: 0;
454
 
455
  .mega-menu-column {
456
  float: left;
457
  min-height: 1px;
458
- background: transparent;
459
- border: 0;
460
  }
461
 
462
  @include desktop {
@@ -828,7 +829,6 @@
828
  > a.mega-menu-link > span.mega-indicator {
829
  display: none;
830
  float: right;
831
- margin: 0 0 0 6px;
832
  height: auto;
833
  width: auto;
834
  background: transparent;
@@ -851,7 +851,7 @@
851
  }
852
 
853
  > span.mega-indicator {
854
- display: block;
855
  }
856
  }
857
 
@@ -945,6 +945,23 @@
945
 
946
  }
947
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
948
  .mega-menu-toggle {
949
  display: none;
950
  z-index: 1;
14
  #{$wrap} #{$menu},
15
  #{$wrap} #{$menu} ul.mega-sub-menu,
16
  #{$wrap} #{$menu} li.mega-menu-item,
17
+ #{$wrap} #{$menu} li.mega-menu-row,
18
+ #{$wrap} #{$menu} li.mega-menu-column,
19
  #{$wrap} #{$menu} a.mega-menu-link {
20
  -moz-transition: none;
21
  -o-transition: none;
50
  text-align: left;
51
  text-decoration: none;
52
  text-transform: none;
53
+ transform: none;
54
  top: auto;
55
  vertical-align: baseline;
56
  visibility: inherit;
321
  vertical-align: middle;
322
 
323
  @if $menu_item_divider == 'on' {
324
+ @include desktop {
325
+ border-left: 1px solid $menu_item_divider_color;
326
+ @include box-shadow(inset 1px 0 0 0 rgba(255,255,255,$menu_item_divider_glow_opacity));
327
 
328
+ /* Hide divider on first menu item */
329
+ &:first-of-type {
330
+ border-left: 0;
331
+ @include box-shadow(none);
332
+ }
333
  }
334
  }
335
 
454
  li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
455
  width: 100%;
456
  float: left;
 
 
457
 
458
  .mega-menu-column {
459
  float: left;
460
  min-height: 1px;
 
 
461
  }
462
 
463
  @include desktop {
829
  > a.mega-menu-link > span.mega-indicator {
830
  display: none;
831
  float: right;
 
832
  height: auto;
833
  width: auto;
834
  background: transparent;
851
  }
852
 
853
  > span.mega-indicator {
854
+ display: inline-block;
855
  }
856
  }
857
 
945
 
946
  }
947
 
948
+ @include mobile {
949
+ &:after {
950
+ content: "";
951
+ display: table;
952
+ clear: both;
953
+ }
954
+
955
+ @if $disable_mobile_toggle == off and $mobile_menu_overlay == on {
956
+ #{$menu} {
957
+ position: absolute;
958
+ width: 100%;
959
+ z-index: 9999999;
960
+ @include background($mobile_background_from, $mobile_background_to);
961
+ }
962
+ }
963
+ }
964
+
965
  .mega-menu-toggle {
966
  display: none;
967
  z-index: 1;
js/admin.js CHANGED
@@ -139,11 +139,14 @@
139
  }
140
 
141
  if (idx === "mega_menu") {
142
-
143
  var submenu_type = content.find("#mm_enable_mega_menu");
144
 
 
 
145
  submenu_type.on("change", function() {
146
 
 
 
147
  start_saving();
148
 
149
  var postdata = {
@@ -158,20 +161,6 @@
158
  $.post(ajaxurl, postdata, function(select_response) {
159
  end_saving();
160
 
161
- if (submenu_type.val() == "megamenu") {
162
- $("#widgets").removeClass("disabled").show();
163
- $("#megamenu-grid").hide();
164
- $("#mm_number_of_columns").show();
165
- } else if (submenu_type.val() == "grid") {
166
- $("#widgets").hide();
167
- $("#megamenu-grid").show();
168
- $("#mm_number_of_columns").hide();
169
- } else {
170
- $("#widgets").show().removeClass("enabled").addClass("disabled");
171
- $("#megamenu-grid").hide();
172
- $("#mm_number_of_columns").show();
173
- }
174
-
175
  panel.log(select_response);
176
  });
177
 
@@ -182,7 +171,7 @@
182
 
183
  }
184
 
185
- var tab = $("<div />").addClass("mm_tab").addClass(idx).html(this.title).css("cursor", "pointer").on("click", function() {
186
  $(".mm_content").hide();
187
  $(".mm_tab").removeClass("active");
188
  $(this).addClass("active");
@@ -544,7 +533,6 @@
544
  grid.trigger("save_grid_data");
545
  });
546
 
547
-
548
  grid.on("click", ".mega-save-column-settings, .mega-save-row-settings", function() {
549
  grid.trigger("save_grid_data");
550
  });
@@ -553,9 +541,6 @@
553
  grid.trigger("update_total_columns_in_row");
554
  });
555
 
556
-
557
-
558
-
559
  grid.on("check_widget_inner_position", function(event, widget_inner) {
560
  var widget_inner_right_edge = widget_inner.offset().left + widget_inner.width();
561
  var content_right_edge = $(".mm_content_container").offset().left + $(".mm_content_container").width();
@@ -639,7 +624,6 @@
639
 
640
  });
641
 
642
-
643
  grid.on("update_total_columns_in_row", function() {
644
  $(".mega-row", grid).each(function() {
645
  var row = $(this);
@@ -1102,7 +1086,6 @@
1102
  jQuery(function($) {
1103
  "use strict";
1104
 
1105
-
1106
  $(".menu").on("click", ".megamenu_launch", function(e) {
1107
  e.preventDefault();
1108
 
139
  }
140
 
141
  if (idx === "mega_menu") {
 
142
  var submenu_type = content.find("#mm_enable_mega_menu");
143
 
144
+ submenu_type.parents(".mm_content.mega_menu").attr('data-type', submenu_type.val());
145
+
146
  submenu_type.on("change", function() {
147
 
148
+ submenu_type.parents(".mm_content.mega_menu").attr('data-type', submenu_type.val());
149
+
150
  start_saving();
151
 
152
  var postdata = {
161
  $.post(ajaxurl, postdata, function(select_response) {
162
  end_saving();
163
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
164
  panel.log(select_response);
165
  });
166
 
171
 
172
  }
173
 
174
+ var tab = $("<div />").addClass("mm_tab").addClass(idx).html(this.title).on("click", function() {
175
  $(".mm_content").hide();
176
  $(".mm_tab").removeClass("active");
177
  $(this).addClass("active");
533
  grid.trigger("save_grid_data");
534
  });
535
 
 
536
  grid.on("click", ".mega-save-column-settings, .mega-save-row-settings", function() {
537
  grid.trigger("save_grid_data");
538
  });
541
  grid.trigger("update_total_columns_in_row");
542
  });
543
 
 
 
 
544
  grid.on("check_widget_inner_position", function(event, widget_inner) {
545
  var widget_inner_right_edge = widget_inner.offset().left + widget_inner.width();
546
  var content_right_edge = $(".mm_content_container").offset().left + $(".mm_content_container").width();
624
 
625
  });
626
 
 
627
  grid.on("update_total_columns_in_row", function() {
628
  $(".mega-row", grid).each(function() {
629
  var row = $(this);
1086
  jQuery(function($) {
1087
  "use strict";
1088
 
 
1089
  $(".menu").on("click", ".megamenu_launch", function(e) {
1090
  e.preventDefault();
1091
 
js/maxmegamenu.js CHANGED
@@ -17,6 +17,7 @@
17
  effect_speed_mobile: parseInt($menu.attr("data-effect-speed-mobile")),
18
  panel_width: $menu.attr("data-panel-width"),
19
  panel_inner_width: $menu.attr("data-panel-inner-width"),
 
20
  second_click: $menu.attr("data-second-click"),
21
  vertical_behaviour: $menu.attr("data-vertical-behaviour"),
22
  document_click: $menu.attr("data-document-click"),
@@ -196,7 +197,6 @@
196
  plugin.unbindHoverEvents();
197
  plugin.unbindHoverIntentEvents();
198
  }
199
-
200
  if (plugin.isDesktopView() && $(this).parent().hasClass("mega-toggle-on") && $(this).parent().parent().parent().hasClass("mega-menu-tabbed") ) {
201
  if (plugin.settings.second_click === "go") {
202
  return;
@@ -205,7 +205,6 @@
205
  return;
206
  }
207
  }
208
-
209
  if (dragging) {
210
  return;
211
  }
@@ -306,7 +305,7 @@
306
  };
307
 
308
  plugin.unbindAllEvents = function() {
309
- $("ul.mega-sub-menu, li.mega-menu-item, a.mega-menu-link", menu).off().unbind();
310
  };
311
 
312
  plugin.unbindClickEvents = function() {
@@ -400,6 +399,14 @@
400
  plugin.bindMegaMenuEvents();
401
  plugin.reverseRightAlignedItems();
402
  plugin.hideAllPanels();
 
 
 
 
 
 
 
 
403
  };
404
 
405
  plugin.init = function() {
@@ -409,11 +416,29 @@
409
 
410
  // mobile menu
411
  $menu.siblings(".mega-menu-toggle").on("click", function(e) {
 
 
 
412
  if ( $(e.target).is(".mega-menu-toggle-block, .mega-toggle-blocks-left, .mega-toggle-blocks-center, .mega-toggle-blocks-right, .mega-toggle-label, .mega-toggle-label span") ) {
 
 
 
 
 
 
 
 
 
 
 
413
  if (plugin.settings.effect_mobile == 'slide') {
414
  if ($(this).hasClass("mega-menu-open")) {
415
  $menu.animate({'height':'hide'}, plugin.settings.effect_speed_mobile, function() {
416
- $(this).css("display", "");
 
 
 
 
417
  });
418
  } else {
419
  $menu.animate({'height':'show'}, plugin.settings.effect_speed_mobile);
@@ -422,16 +447,16 @@
422
  $(this).toggleClass("mega-menu-open");
423
  }
424
  });
 
 
 
 
425
 
426
  $("span.mega-indicator", $menu).on('click', function(e) {
427
  e.preventDefault();
428
  e.stopPropagation();
429
  plugin.hidePanel($(this).parent(), false);
430
  });
431
-
432
- if (plugin.settings.unbind_events == 'true') {
433
- plugin.unbindAllEvents();
434
- }
435
 
436
  plugin.bindMegaMenuEvents();
437
  plugin.monitorView();
17
  effect_speed_mobile: parseInt($menu.attr("data-effect-speed-mobile")),
18
  panel_width: $menu.attr("data-panel-width"),
19
  panel_inner_width: $menu.attr("data-panel-inner-width"),
20
+ mobile_force_width: $menu.attr("data-mobile-force-width"),
21
  second_click: $menu.attr("data-second-click"),
22
  vertical_behaviour: $menu.attr("data-vertical-behaviour"),
23
  document_click: $menu.attr("data-document-click"),
197
  plugin.unbindHoverEvents();
198
  plugin.unbindHoverIntentEvents();
199
  }
 
200
  if (plugin.isDesktopView() && $(this).parent().hasClass("mega-toggle-on") && $(this).parent().parent().parent().hasClass("mega-menu-tabbed") ) {
201
  if (plugin.settings.second_click === "go") {
202
  return;
205
  return;
206
  }
207
  }
 
208
  if (dragging) {
209
  return;
210
  }
305
  };
306
 
307
  plugin.unbindAllEvents = function() {
308
+ $("ul.mega-sub-menu, li.mega-menu-item, li.mega-menu-row, li.mega-menu-column, a.mega-menu-link, span.mega-indicator", menu).off().unbind();
309
  };
310
 
311
  plugin.unbindClickEvents = function() {
399
  plugin.bindMegaMenuEvents();
400
  plugin.reverseRightAlignedItems();
401
  plugin.hideAllPanels();
402
+
403
+ $menu.css({
404
+ width: '',
405
+ left: '',
406
+ display: ''
407
+ });
408
+
409
+ $menu.siblings(".mega-menu-toggle").removeClass('mega-menu-open');
410
  };
411
 
412
  plugin.init = function() {
416
 
417
  // mobile menu
418
  $menu.siblings(".mega-menu-toggle").on("click", function(e) {
419
+
420
+ var toggle_bar = $(this);
421
+
422
  if ( $(e.target).is(".mega-menu-toggle-block, .mega-toggle-blocks-left, .mega-toggle-blocks-center, .mega-toggle-blocks-right, .mega-toggle-label, .mega-toggle-label span") ) {
423
+
424
+ if ($(plugin.settings.mobile_force_width).length) {
425
+ var submenu_offset = toggle_bar.offset();
426
+ var target_offset = $(plugin.settings.mobile_force_width).offset();
427
+
428
+ $menu.css({
429
+ width: $(plugin.settings.mobile_force_width).outerWidth(),
430
+ left: (target_offset.left - submenu_offset.left) + "px"
431
+ });
432
+ }
433
+
434
  if (plugin.settings.effect_mobile == 'slide') {
435
  if ($(this).hasClass("mega-menu-open")) {
436
  $menu.animate({'height':'hide'}, plugin.settings.effect_speed_mobile, function() {
437
+ $menu.css({
438
+ width: '',
439
+ left: '',
440
+ display: ''
441
+ });
442
  });
443
  } else {
444
  $menu.animate({'height':'show'}, plugin.settings.effect_speed_mobile);
447
  $(this).toggleClass("mega-menu-open");
448
  }
449
  });
450
+
451
+ if (plugin.settings.unbind_events == 'true') {
452
+ plugin.unbindAllEvents();
453
+ }
454
 
455
  $("span.mega-indicator", $menu).on('click', function(e) {
456
  e.preventDefault();
457
  e.stopPropagation();
458
  plugin.hidePanel($(this).parent(), false);
459
  });
 
 
 
 
460
 
461
  plugin.bindMegaMenuEvents();
462
  plugin.monitorView();
js/settings.js CHANGED
@@ -11,7 +11,7 @@ jQuery(function ($) {
11
  }
12
 
13
  $('input.mega-setting-responsive_breakpoint').on("keyup", function() {
14
- if ( $(this).val() == '0px') {
15
  $('.mega-tab-content-mobile_menu').addClass('mega-mobile-disabled');
16
  } else {
17
  $('.mega-tab-content-mobile_menu').removeClass('mega-mobile-disabled');
11
  }
12
 
13
  $('input.mega-setting-responsive_breakpoint').on("keyup", function() {
14
+ if ( $(this).val() == '0px' || $(this).val() == '0') {
15
  $('.mega-tab-content-mobile_menu').addClass('mega-mobile-disabled');
16
  } else {
17
  $('.mega-tab-content-mobile_menu').removeClass('mega-mobile-disabled');
megamenu.php CHANGED
@@ -3,9 +3,9 @@
3
  /*
4
  * Plugin Name: Max Mega Menu
5
  * Plugin URI: https://www.megamenu.com
6
- * Description: Easy to use drag & drop WordPress Mega Menu plugin. Create Mega Menus using Widgets. Responsive, retina & touch ready.
7
- * Version: 2.5
8
- * Author: Tom Hemsley
9
  * Author URI: https://www.megamenu.com
10
  * License: GPL-2.0+
11
  * Copyright: 2018 Tom Hemsley (https://www.megamenu.com)
@@ -26,7 +26,7 @@ final class Mega_Menu {
26
  /**
27
  * @var string
28
  */
29
- public $version = '2.5';
30
 
31
 
32
  /**
@@ -59,6 +59,8 @@ final class Mega_Menu {
59
  add_action( 'admin_init', array( $this, 'install_upgrade_check' ) );
60
  add_action( 'admin_notices', array( $this, 'admin_notices' ) );
61
  add_action( 'widgets_init', array( $this, 'register_widget' ) );
 
 
62
  add_action( 'after_setup_theme', array( $this, 'register_nav_menus' ) );
63
 
64
  add_filter( 'wp_nav_menu_args', array( $this, 'modify_nav_menu_args' ), 99999 );
@@ -99,7 +101,6 @@ final class Mega_Menu {
99
 
100
  $mega_menu_style_manager = new Mega_Menu_Style_Manager();
101
  $mega_menu_style_manager->setup_actions();
102
-
103
  }
104
 
105
 
@@ -131,11 +132,9 @@ final class Mega_Menu {
131
  * @since 1.8.3
132
  */
133
  public function admin_enqueue_scripts( $hook ) {
134
-
135
  wp_enqueue_style( 'maxmegamenu-global', MEGAMENU_BASE_URL . 'css/admin/global.css', array(), MEGAMENU_VERSION );
136
 
137
- if ( ! wp_script_is('mega-menu') ) {
138
-
139
  if ( 'nav-menus.php' == $hook ) {
140
  // load widget scripts and styles first to allow us to dequeue conflicting colorbox scripts from other plugins
141
  do_action( 'sidebar_admin_setup' );
@@ -146,9 +145,7 @@ final class Mega_Menu {
146
  if ( strpos( $hook, 'maxmegamenu' ) !== false ) {
147
  do_action( 'megamenu_admin_scripts', $hook );
148
  }
149
-
150
  }
151
-
152
  }
153
 
154
 
@@ -158,9 +155,7 @@ final class Mega_Menu {
158
  * @since 2.3.7
159
  */
160
  public function admin_print_footer_scripts( $hook ) {
161
-
162
  do_action( 'admin_footer-widgets.php' );
163
-
164
  }
165
 
166
 
@@ -170,9 +165,7 @@ final class Mega_Menu {
170
  * @since 2.3.7
171
  */
172
  public function admin_print_scripts( $hook ) {
173
-
174
  do_action( 'admin_print_scripts-widgets.php' );
175
-
176
  }
177
 
178
 
@@ -182,9 +175,7 @@ final class Mega_Menu {
182
  * @since 2.3.7
183
  */
184
  public function admin_print_styles( $hook ) {
185
-
186
  do_action( 'admin_print_styles-widgets.php' );
187
-
188
  }
189
 
190
 
@@ -198,15 +189,10 @@ final class Mega_Menu {
198
  $locations = get_option('megamenu_locations');
199
 
200
  if ( is_array( $locations ) && count( $locations ) ) {
201
-
202
  foreach ( $locations as $key => $val ) {
203
-
204
- register_nav_menu( $key, $val );
205
-
206
  }
207
-
208
  }
209
-
210
  }
211
 
212
 
@@ -230,7 +216,6 @@ final class Mega_Menu {
230
  * @since 1.3
231
  */
232
  public function install_upgrade_check() {
233
-
234
  $version = get_option( "megamenu_version" );
235
 
236
  if ( $version ) {
@@ -260,9 +245,7 @@ final class Mega_Menu {
260
 
261
  add_option( "megamenu_settings", $settings);
262
  }
263
-
264
  }
265
-
266
  }
267
 
268
 
@@ -272,9 +255,7 @@ final class Mega_Menu {
272
  * @since 1.7.4
273
  */
274
  public function register_widget() {
275
-
276
  register_widget( 'Mega_Menu_Widget' );
277
-
278
  }
279
 
280
 
@@ -285,7 +266,6 @@ final class Mega_Menu {
285
  * @return string
286
  */
287
  public function register_shortcode( $atts ) {
288
-
289
  if ( ! isset( $atts['location'] ) ) {
290
  return false;
291
  }
@@ -305,9 +285,7 @@ final class Mega_Menu {
305
  * @since 1.0
306
  */
307
  public function load_plugin_textdomain() {
308
-
309
  load_plugin_textdomain( 'megamenu', false, dirname( plugin_basename( __FILE__ ) ) . '/languages/' );
310
-
311
  }
312
 
313
 
@@ -317,11 +295,9 @@ final class Mega_Menu {
317
  * @since 1.0
318
  */
319
  private function define_constants() {
320
-
321
  define( 'MEGAMENU_VERSION', $this->version );
322
  define( 'MEGAMENU_BASE_URL', trailingslashit( plugins_url( 'megamenu' ) ) );
323
  define( 'MEGAMENU_PATH', plugin_dir_path( __FILE__ ) );
324
-
325
  }
326
 
327
 
@@ -331,7 +307,6 @@ final class Mega_Menu {
331
  * @since 1.0
332
  */
333
  private function plugin_classes() {
334
-
335
  $classes = array(
336
  'mega_menu_walker' => MEGAMENU_PATH . 'classes/walker.class.php',
337
  'mega_menu_widget_manager' => MEGAMENU_PATH . 'classes/widget-manager.class.php',
@@ -354,7 +329,6 @@ final class Mega_Menu {
354
  * @since 1.0
355
  */
356
  private function includes() {
357
-
358
  $autoload_is_disabled = defined( 'MEGAMENU_AUTOLOAD_CLASSES' ) && MEGAMENU_AUTOLOAD_CLASSES === false;
359
 
360
  if ( function_exists( "spl_autoload_register" ) && ! $autoload_is_disabled ) {
@@ -411,7 +385,6 @@ final class Mega_Menu {
411
  if ( isset( $classes[ $class_name ] ) && is_readable( $classes[ $class_name ] ) ) {
412
  require_once $classes[ $class_name ];
413
  }
414
-
415
  }
416
 
417
 
@@ -468,7 +441,6 @@ final class Mega_Menu {
468
  * @since 1.3
469
  */
470
  public function add_responsive_toggle( $nav_menu, $args ) {
471
-
472
  // make sure we're working with a Mega Menu
473
  if ( ! is_a( $args->walker, 'Mega_Menu_Walker' ) )
474
  return $nav_menu;
@@ -484,7 +456,6 @@ final class Mega_Menu {
484
  $replace = $find . '<div class="mega-menu-toggle" tabindex="0">' . $content . '</div>';
485
 
486
  return str_replace( $find, $replace, $nav_menu );
487
-
488
  }
489
 
490
 
@@ -498,7 +469,6 @@ final class Mega_Menu {
498
  * @return array - Menu objects including widgets
499
  */
500
  public function add_widgets_to_menu( $items, $args ) {
501
-
502
  // make sure we're working with a Mega Menu
503
  if ( ! is_a( $args->walker, 'Mega_Menu_Walker' ) ) {
504
  return $items;
@@ -520,6 +490,10 @@ final class Mega_Menu {
520
 
521
  $panel_widgets = $widget_manager->get_widgets_for_menu_id( $item->ID, $args->menu );
522
 
 
 
 
 
523
  if ( count( $panel_widgets ) ) {
524
 
525
  $widget_position = 0;
@@ -831,9 +805,10 @@ final class Mega_Menu {
831
  // reorder menu items within mega menus based on internal ordering
832
  foreach ( $items as $item ) {
833
  // items ordered with 'forced' ordering
834
- if ( $item->parent_submenu_type == 'megamenu' && isset( $item->megamenu_order ) && $item->megamenu_order !== 0 ) {
835
- $parent_post = get_post( $item->menu_item_parent );
836
- $item->menu_order = $parent_post->menu_order * 1000 + $item->megamenu_order;
 
837
  }
838
  }
839
 
@@ -849,11 +824,9 @@ final class Mega_Menu {
849
  ksort( $new_items );
850
 
851
  return array_merge( $new_items, $wpml_lang_items );
852
-
853
  }
854
 
855
 
856
-
857
  /**
858
  * If descriptions are enabled, create a new 'mega_description' property.
859
  * This is for backwards compatibility for users who have used filters
@@ -882,6 +855,7 @@ final class Mega_Menu {
882
  return $items;
883
  }
884
 
 
885
  /**
886
  * Apply column and clear classes to menu items (inc. widgets)
887
  *
@@ -891,7 +865,6 @@ final class Mega_Menu {
891
  * @return array
892
  */
893
  public function apply_classes_to_menu_items( $items, $args ) {
894
-
895
  $parents = array();
896
 
897
  foreach ( $items as $item ) {
@@ -1060,6 +1033,16 @@ final class Mega_Menu {
1060
  }
1061
  }
1062
 
 
 
 
 
 
 
 
 
 
 
1063
  $wrap_attributes = apply_filters("megamenu_wrap_attributes", array(
1064
  "id" => '%1$s',
1065
  "class" => '%2$s mega-no-js',
@@ -1070,6 +1053,7 @@ final class Mega_Menu {
1070
  "data-effect-speed-mobile" => isset( $menu_settings['effect_speed_mobile'] ) ? $menu_settings['effect_speed_mobile'] : '200',
1071
  "data-panel-width" => preg_match('/^\d/', $menu_theme['panel_width']) !== 1 ? $menu_theme['panel_width'] : '',
1072
  "data-panel-inner-width" => substr( $menu_theme['panel_inner_width'], -1 ) !== '%' ? $menu_theme['panel_inner_width'] : '',
 
1073
  "data-second-click" => $second_click,
1074
  "data-document-click" => 'collapse',
1075
  "data-vertical-behaviour" => $vertical_behaviour,
@@ -1104,6 +1088,11 @@ final class Mega_Menu {
1104
  'walker' => new Mega_Menu_Walker()
1105
  );
1106
 
 
 
 
 
 
1107
  $args = array_merge( $args, apply_filters( "megamenu_nav_menu_args", $defaults, $menu_id, $current_theme_location ) );
1108
  }
1109
 
@@ -1180,6 +1169,22 @@ final class Mega_Menu {
1180
  return $old_args['theme_location'];
1181
  }
1182
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1183
  }
1184
 
1185
  add_action( 'plugins_loaded', array( 'Mega_Menu', 'init' ), 10 );
@@ -1460,7 +1465,8 @@ if ( ! function_exists('max_mega_menu_get_active_caching_plugins') ) {
1460
  'remove-query-strings-from-static-resources/remove-query-strings.php',
1461
  'query-strings-remover/query-strings-remover.php',
1462
  'wp-rocket/wp-rocket.php',
1463
- 'hummingbird-performance/wp-hummingbird.php'
 
1464
  ));
1465
 
1466
  $active_plugins = array();
3
  /*
4
  * Plugin Name: Max Mega Menu
5
  * Plugin URI: https://www.megamenu.com
6
+ * Description: An easy to use mega menu plugin. Written the WordPress way.
7
+ * Version: 2.5.1
8
+ * Author: megamenu.com
9
  * Author URI: https://www.megamenu.com
10
  * License: GPL-2.0+
11
  * Copyright: 2018 Tom Hemsley (https://www.megamenu.com)
26
  /**
27
  * @var string
28
  */
29
+ public $version = '2.5.1';
30
 
31
 
32
  /**
59
  add_action( 'admin_init', array( $this, 'install_upgrade_check' ) );
60
  add_action( 'admin_notices', array( $this, 'admin_notices' ) );
61
  add_action( 'widgets_init', array( $this, 'register_widget' ) );
62
+ add_filter( 'in_widget_form', array( $this, 'add_notice_to_nav_menu_widget' ) , 10, 3 );
63
+
64
  add_action( 'after_setup_theme', array( $this, 'register_nav_menus' ) );
65
 
66
  add_filter( 'wp_nav_menu_args', array( $this, 'modify_nav_menu_args' ), 99999 );
101
 
102
  $mega_menu_style_manager = new Mega_Menu_Style_Manager();
103
  $mega_menu_style_manager->setup_actions();
 
104
  }
105
 
106
 
132
  * @since 1.8.3
133
  */
134
  public function admin_enqueue_scripts( $hook ) {
 
135
  wp_enqueue_style( 'maxmegamenu-global', MEGAMENU_BASE_URL . 'css/admin/global.css', array(), MEGAMENU_VERSION );
136
 
137
+ if ( ! wp_script_is('maxmegamenu') ) {
 
138
  if ( 'nav-menus.php' == $hook ) {
139
  // load widget scripts and styles first to allow us to dequeue conflicting colorbox scripts from other plugins
140
  do_action( 'sidebar_admin_setup' );
145
  if ( strpos( $hook, 'maxmegamenu' ) !== false ) {
146
  do_action( 'megamenu_admin_scripts', $hook );
147
  }
 
148
  }
 
149
  }
150
 
151
 
155
  * @since 2.3.7
156
  */
157
  public function admin_print_footer_scripts( $hook ) {
 
158
  do_action( 'admin_footer-widgets.php' );
 
159
  }
160
 
161
 
165
  * @since 2.3.7
166
  */
167
  public function admin_print_scripts( $hook ) {
 
168
  do_action( 'admin_print_scripts-widgets.php' );
 
169
  }
170
 
171
 
175
  * @since 2.3.7
176
  */
177
  public function admin_print_styles( $hook ) {
 
178
  do_action( 'admin_print_styles-widgets.php' );
 
179
  }
180
 
181
 
189
  $locations = get_option('megamenu_locations');
190
 
191
  if ( is_array( $locations ) && count( $locations ) ) {
 
192
  foreach ( $locations as $key => $val ) {
193
+ register_nav_menu( $key, $val );
 
 
194
  }
 
195
  }
 
196
  }
197
 
198
 
216
  * @since 1.3
217
  */
218
  public function install_upgrade_check() {
 
219
  $version = get_option( "megamenu_version" );
220
 
221
  if ( $version ) {
245
 
246
  add_option( "megamenu_settings", $settings);
247
  }
 
248
  }
 
249
  }
250
 
251
 
255
  * @since 1.7.4
256
  */
257
  public function register_widget() {
 
258
  register_widget( 'Mega_Menu_Widget' );
 
259
  }
260
 
261
 
266
  * @return string
267
  */
268
  public function register_shortcode( $atts ) {
 
269
  if ( ! isset( $atts['location'] ) ) {
270
  return false;
271
  }
285
  * @since 1.0
286
  */
287
  public function load_plugin_textdomain() {
 
288
  load_plugin_textdomain( 'megamenu', false, dirname( plugin_basename( __FILE__ ) ) . '/languages/' );
 
289
  }
290
 
291
 
295
  * @since 1.0
296
  */
297
  private function define_constants() {
 
298
  define( 'MEGAMENU_VERSION', $this->version );
299
  define( 'MEGAMENU_BASE_URL', trailingslashit( plugins_url( 'megamenu' ) ) );
300
  define( 'MEGAMENU_PATH', plugin_dir_path( __FILE__ ) );
 
301
  }
302
 
303
 
307
  * @since 1.0
308
  */
309
  private function plugin_classes() {
 
310
  $classes = array(
311
  'mega_menu_walker' => MEGAMENU_PATH . 'classes/walker.class.php',
312
  'mega_menu_widget_manager' => MEGAMENU_PATH . 'classes/widget-manager.class.php',
329
  * @since 1.0
330
  */
331
  private function includes() {
 
332
  $autoload_is_disabled = defined( 'MEGAMENU_AUTOLOAD_CLASSES' ) && MEGAMENU_AUTOLOAD_CLASSES === false;
333
 
334
  if ( function_exists( "spl_autoload_register" ) && ! $autoload_is_disabled ) {
385
  if ( isset( $classes[ $class_name ] ) && is_readable( $classes[ $class_name ] ) ) {
386
  require_once $classes[ $class_name ];
387
  }
 
388
  }
389
 
390
 
441
  * @since 1.3
442
  */
443
  public function add_responsive_toggle( $nav_menu, $args ) {
 
444
  // make sure we're working with a Mega Menu
445
  if ( ! is_a( $args->walker, 'Mega_Menu_Walker' ) )
446
  return $nav_menu;
456
  $replace = $find . '<div class="mega-menu-toggle" tabindex="0">' . $content . '</div>';
457
 
458
  return str_replace( $find, $replace, $nav_menu );
 
459
  }
460
 
461
 
469
  * @return array - Menu objects including widgets
470
  */
471
  public function add_widgets_to_menu( $items, $args ) {
 
472
  // make sure we're working with a Mega Menu
473
  if ( ! is_a( $args->walker, 'Mega_Menu_Walker' ) ) {
474
  return $items;
490
 
491
  $panel_widgets = $widget_manager->get_widgets_for_menu_id( $item->ID, $args->menu );
492
 
493
+ if ( ! in_array( 'menu-megamenu', $item->classes ) ) {
494
+ $item->classes[] = 'menu-megamenu';
495
+ }
496
+
497
  if ( count( $panel_widgets ) ) {
498
 
499
  $widget_position = 0;
805
  // reorder menu items within mega menus based on internal ordering
806
  foreach ( $items as $item ) {
807
  // items ordered with 'forced' ordering
808
+ if ( property_exists( $item, 'parent_submenu_type' ) && $item->parent_submenu_type == 'megamenu' && property_exists( $item, 'megamenu_order' ) && $item->megamenu_order !== 0 ) {
809
+ if ( $parent_menu_item = get_post( $item->menu_item_parent ) ) {
810
+ $item->menu_order = $parent_menu_item->menu_order * 1000 + $item->megamenu_order;
811
+ }
812
  }
813
  }
814
 
824
  ksort( $new_items );
825
 
826
  return array_merge( $new_items, $wpml_lang_items );
 
827
  }
828
 
829
 
 
830
  /**
831
  * If descriptions are enabled, create a new 'mega_description' property.
832
  * This is for backwards compatibility for users who have used filters
855
  return $items;
856
  }
857
 
858
+
859
  /**
860
  * Apply column and clear classes to menu items (inc. widgets)
861
  *
865
  * @return array
866
  */
867
  public function apply_classes_to_menu_items( $items, $args ) {
 
868
  $parents = array();
869
 
870
  foreach ( $items as $item ) {
1033
  }
1034
  }
1035
 
1036
+ $mobile_force_width = 'false';
1037
+
1038
+ if ( isset( $menu_theme['mobile_menu_force_width'] ) && $menu_theme['mobile_menu_force_width'] == 'on' ) {
1039
+ if ( isset( $menu_theme['mobile_menu_force_width_selector'] ) ) {
1040
+ $mobile_force_width = $menu_theme['mobile_menu_force_width_selector'];
1041
+ } else {
1042
+ $mobile_force_width = 'body';
1043
+ }
1044
+ }
1045
+
1046
  $wrap_attributes = apply_filters("megamenu_wrap_attributes", array(
1047
  "id" => '%1$s',
1048
  "class" => '%2$s mega-no-js',
1053
  "data-effect-speed-mobile" => isset( $menu_settings['effect_speed_mobile'] ) ? $menu_settings['effect_speed_mobile'] : '200',
1054
  "data-panel-width" => preg_match('/^\d/', $menu_theme['panel_width']) !== 1 ? $menu_theme['panel_width'] : '',
1055
  "data-panel-inner-width" => substr( $menu_theme['panel_inner_width'], -1 ) !== '%' ? $menu_theme['panel_inner_width'] : '',
1056
+ "data-mobile-force-width" => $mobile_force_width,
1057
  "data-second-click" => $second_click,
1058
  "data-document-click" => 'collapse',
1059
  "data-vertical-behaviour" => $vertical_behaviour,
1088
  'walker' => new Mega_Menu_Walker()
1089
  );
1090
 
1091
+ // allow WPML to modify the menu parameter
1092
+ if ( defined( 'ICL_LANGUAGE_CODE' ) ) {
1093
+ unset( $defaults['menu'] );
1094
+ }
1095
+
1096
  $args = array_merge( $args, apply_filters( "megamenu_nav_menu_args", $defaults, $menu_id, $current_theme_location ) );
1097
  }
1098
 
1169
  return $old_args['theme_location'];
1170
  }
1171
 
1172
+ /**
1173
+ * Add a note to the Navigation Widget to explain that Max Mega Menu will not work with it.
1174
+ *
1175
+ * @since 2.5.1
1176
+ */
1177
+ public function add_notice_to_nav_menu_widget( $widget, $return, $instance ) {
1178
+ if ( 'nav_menu' == $widget->id_base ) {
1179
+ ?>
1180
+ <p style="font-size: 11px; font-style: italic;">
1181
+ <?php _e("If you are trying to display Max Mega Menu here, use the 'Max Mega Menu' widget instead.", "megamenu"); ?>
1182
+ <a href="https://www.megamenu.com/documentation/widget/" target="_blank"><?php _e("More information", "megamenu"); ?></a>
1183
+ </p>
1184
+ <?php
1185
+ }
1186
+ }
1187
+
1188
  }
1189
 
1190
  add_action( 'plugins_loaded', array( 'Mega_Menu', 'init' ), 10 );
1465
  'remove-query-strings-from-static-resources/remove-query-strings.php',
1466
  'query-strings-remover/query-strings-remover.php',
1467
  'wp-rocket/wp-rocket.php',
1468
+ 'hummingbird-performance/wp-hummingbird.php',
1469
+ 'breeze/breeze.php'
1470
  ));
1471
 
1472
  $active_plugins = array();
readme.txt CHANGED
@@ -3,7 +3,7 @@ Contributors: megamenu
3
  Tags: menu, megamenu, mega menu, navigation, widget, dropdown menu, drag and drop, mobile, responsive, retina, theme editor, widget, shortcode, sidebar, icons, dashicons
4
  Requires at least: 3.8
5
  Tested up to: 4.9
6
- Stable tag: 2.4.2
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
@@ -47,6 +47,7 @@ Max Mega Menu is developed with a focus on code quality, performance and usabili
47
 
48
  ####Pro Features:
49
 
 
50
  > * Sticky Menu
51
  > * Vertical & Accordion Menus
52
  > * FontAwesome, Genericon & Custom Icons
@@ -56,7 +57,7 @@ Max Mega Menu is developed with a focus on code quality, performance and usabili
56
  > * WooCommerce & EDD support
57
  > * Google Fonts
58
  > * Roles & Restrictions
59
- > * Search, icon, HTML and logo mobile toggle blocks
60
  > * Automatic updates
61
  > * Priority Support
62
  >
@@ -108,6 +109,27 @@ See https://www.megamenu.com for more screenshots
108
 
109
  == Changelog ==
110
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
111
  = 2.5 =
112
 
113
  * New Feature: On mobile, clicking the "Up" arrow (indicating that a sub menu is open) will close the sub menu. This feature will be enabled the next time the CSS is regenerated for the menu, or can be manually activated by going to Mega Menu > Tools > Clear CSS Cache.
3
  Tags: menu, megamenu, mega menu, navigation, widget, dropdown menu, drag and drop, mobile, responsive, retina, theme editor, widget, shortcode, sidebar, icons, dashicons
4
  Requires at least: 3.8
5
  Tested up to: 4.9
6
+ Stable tag: 2.5.1
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
47
 
48
  ####Pro Features:
49
 
50
+ > * Tabbed Mega Menus
51
  > * Sticky Menu
52
  > * Vertical & Accordion Menus
53
  > * FontAwesome, Genericon & Custom Icons
57
  > * WooCommerce & EDD support
58
  > * Google Fonts
59
  > * Roles & Restrictions
60
+ > * Extra mobile toggle blocks
61
  > * Automatic updates
62
  > * Priority Support
63
  >
109
 
110
  == Changelog ==
111
 
112
+ = 2.5.1 =
113
+
114
+ * Improvement: Redirect to theme editor page after importing a menu theme
115
+ * Improvement: Show a warning if attempting to edit a menu theme that is not actually applied to a menu
116
+ * Improvement: Add warning to the auto generated style.css file not to manually edit auto generated CSS
117
+ * Improvement: Add clearfix to mobile menu
118
+ * Improvement: Add notice to Navigation Menu widget to let users know that the Max Mega Menu widget should be used, if the intention is to display a mega menu
119
+ * Improvement: Rename admin JS and CSS handles to "maxmegamenu" (from "mega-menu") to avoid conflicts
120
+ * Improvement: Detect when Clearfy plugin is installed and 'disable dashicons' has been enabled
121
+ * Improvement: Styling reset added (transition) for improved theme compatibility
122
+ * Improvement: Detect and clear "Breeze" cache when changes are made to a menu
123
+ * New Feature: Add "Mobile Sub Menu - Overlay Content" option to theme editor
124
+ * New Feature: Add "Mobile Sub Menu - Force Width" option to theme editor
125
+ * Fix: Unbind events from li.mega-menu-column and li.mega-menu-row elements (when Unbind Events is set to true)
126
+ * Fix: Hide widget and column selector from mega menu builder when sub menu type is set to "Mega Menu - Tabbed"
127
+ * Fix: Strip slashes when using shortcodes in Menu Toggle mobile toggle block
128
+ * Fix: When WPML is installed, do not override the wp_nav_menu_args "menu" parameter to allow WPML to display the correct menu (removing the requirement to enable the WPML "Adjust IDs for multilingual functionality" option)
129
+ * Fix: Remove box-shadow from menu items on mobile menu when Menu Item Divider is enabled
130
+ * Fix: Apply CSS resets to mega-menu-row and mega-menu-column elements
131
+ * Fix: Apply 'mega-megamenu' class to standard layout sub menus within tabbed mega menus
132
+
133
  = 2.5 =
134
 
135
  * New Feature: On mobile, clicking the "Up" arrow (indicating that a sub menu is open) will close the sub menu. This feature will be enabled the next time the CSS is regenerated for the menu, or can be manually activated by going to Mega Menu > Tools > Clear CSS Cache.