Max Mega Menu - Version 2.4.0.7

Version Description

Download this release

Release Info

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

Code changes from version 2.4.0.6 to 2.4.0.7

Files changed (5) hide show
  1. classes/walker.class.php +0 -8
  2. css/admin/admin.css +3 -2
  3. css/admin/admin.scss +2 -1
  4. css/megamenu.scss +169 -151
  5. megamenu.php +3 -3
classes/walker.class.php CHANGED
@@ -153,10 +153,6 @@ class Mega_Menu_Walker extends Walker_Nav_Menu {
153
  $item_output = $args->before;
154
  $item_output .= '<a'. $attributes .'>';
155
 
156
- if ( in_array('icon-top', $classes ) ) {
157
- $item_output .= "<span class='mega-title-below'>";
158
- }
159
-
160
  if ( $settings['hide_text'] == 'true' ) {
161
  /** This filter is documented in wp-includes/post-template.php */
162
  } else if ( property_exists( $item, 'mega_description' ) && strlen( $item->mega_description ) ) {
@@ -165,10 +161,6 @@ class Mega_Menu_Walker extends Walker_Nav_Menu {
165
  $item_output .= $args->link_before . apply_filters( 'megamenu_the_title', $item->title, $item->ID ) . $args->link_after;
166
  }
167
 
168
- if ( is_array( $classes ) && in_array('icon-top', $classes ) ) {
169
- $item_output .= "</span>";
170
- }
171
-
172
  $item_output .= '</a>';
173
  $item_output .= $args->after;
174
 
153
  $item_output = $args->before;
154
  $item_output .= '<a'. $attributes .'>';
155
 
 
 
 
 
156
  if ( $settings['hide_text'] == 'true' ) {
157
  /** This filter is documented in wp-includes/post-template.php */
158
  } else if ( property_exists( $item, 'mega_description' ) && strlen( $item->mega_description ) ) {
161
  $item_output .= $args->link_before . apply_filters( 'megamenu_the_title', $item->title, $item->ID ) . $args->link_after;
162
  }
163
 
 
 
 
 
164
  $item_output .= '</a>';
165
  $item_output .= $args->after;
166
 
css/admin/admin.css CHANGED
@@ -1480,7 +1480,8 @@ body.toplevel_page_maxmegamenu .megamenu_right {
1480
  width: 100%; }
1481
  body[class*='_page_maxmegamenu_'] .megamenu_right .menu_settings.menu_settings_menu_themes td.mega-name,
1482
  body.toplevel_page_maxmegamenu .megamenu_right .menu_settings.menu_settings_menu_themes td.mega-name {
1483
- padding-left: 10px; }
 
1484
  body[class*='_page_maxmegamenu_'] .megamenu_right .menu_settings.menu_settings_menu_themes h5,
1485
  body.toplevel_page_maxmegamenu .megamenu_right .menu_settings.menu_settings_menu_themes h5 {
1486
  clear: both;
@@ -1663,7 +1664,7 @@ body.toplevel_page_maxmegamenu .megamenu_right {
1663
  body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table td.mega-name .mega-description,
1664
  body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table td.mega-value .mega-description {
1665
  font-size: 0.9em;
1666
- color: #aaa;
1667
  line-height: 1.5em; }
1668
  body[class*='_page_maxmegamenu_'] .megamenu_right .menu_settings table ul.custom_styling_tips,
1669
  body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table ul.custom_styling_tips {
1480
  width: 100%; }
1481
  body[class*='_page_maxmegamenu_'] .megamenu_right .menu_settings.menu_settings_menu_themes td.mega-name,
1482
  body.toplevel_page_maxmegamenu .megamenu_right .menu_settings.menu_settings_menu_themes td.mega-name {
1483
+ padding-left: 10px;
1484
+ font-size: 14px; }
1485
  body[class*='_page_maxmegamenu_'] .megamenu_right .menu_settings.menu_settings_menu_themes h5,
1486
  body.toplevel_page_maxmegamenu .megamenu_right .menu_settings.menu_settings_menu_themes h5 {
1487
  clear: both;
1664
  body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table td.mega-name .mega-description,
1665
  body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table td.mega-value .mega-description {
1666
  font-size: 0.9em;
1667
+ color: #777;
1668
  line-height: 1.5em; }
1669
  body[class*='_page_maxmegamenu_'] .megamenu_right .menu_settings table ul.custom_styling_tips,
1670
  body.toplevel_page_maxmegamenu .megamenu_right .menu_settings table ul.custom_styling_tips {
css/admin/admin.scss CHANGED
@@ -1959,6 +1959,7 @@ body.toplevel_page_maxmegamenu {
1959
 
1960
  td.mega-name {
1961
  padding-left: 10px;
 
1962
  }
1963
 
1964
  h5 {
@@ -2179,7 +2180,7 @@ body.toplevel_page_maxmegamenu {
2179
  td.mega-name .mega-description,
2180
  td.mega-value .mega-description {
2181
  font-size: 0.9em;
2182
- color: #aaa;
2183
  line-height: 1.5em;
2184
  }
2185
 
1959
 
1960
  td.mega-name {
1961
  padding-left: 10px;
1962
+ font-size: 14px;
1963
  }
1964
 
1965
  h5 {
2180
  td.mega-name .mega-description,
2181
  td.mega-value .mega-description {
2182
  font-size: 0.9em;
2183
+ color: #777;
2184
  line-height: 1.5em;
2185
  }
2186
 
css/megamenu.scss CHANGED
@@ -82,44 +82,83 @@
82
  padding: 0;
83
  }
84
 
85
- li.mega-menu-item.mega-has-description > a.mega-menu-link {
86
- display: flex;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
87
 
88
- .mega-description-group {
 
89
  display: flex;
90
- flex-direction: column;
91
- flex-grow: 1;
92
- justify-content: center;
93
- width: 100%; /** IE11 **/
94
 
95
- .mega-menu-title,
96
- .mega-menu-description {
97
- line-height: 1.5;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
98
  }
99
 
100
- .mega-menu-description {
101
- font-style: italic;
102
- font-size: 0.8em;
103
- text-transform: none;
104
- font-weight: normal;
105
  }
106
  }
107
 
108
- &:before,
109
- &:after {
110
- align-items: center;
111
- flex-grow: 0;
112
- line-height: normal;
113
  }
114
- }
115
 
 
 
 
 
 
 
 
 
 
 
 
 
 
116
 
117
  li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-icon-top > a.mega-menu-link,
118
  li.mega-menu-item.mega-icon-top > a.mega-menu-link {
119
  @include desktop {
120
  display: flex;
121
- line-height: inherit; /** IE11 **/
122
- line-height: initial;
123
  flex-wrap: wrap;
124
  align-items: center;
125
  align-content: center;
@@ -128,42 +167,19 @@
128
  justify-content: space-around;
129
  flex-basis: 100%;
130
  margin: 0 0 6px 0;
 
131
  }
132
  }
133
-
134
- > span.mega-title-below {
135
- flex-grow: 1;
136
- }
137
- }
138
-
139
- li.mega-menu-megamenu li.mega-menu-item.mega-has-description > a.mega-menu-link {
140
- &:before {
141
- align-items: flex-start;
142
- line-height: inherit;
143
- }
144
  }
145
 
146
- a.mega-menu-link {
147
- cursor: pointer;
148
-
149
- @if $transitions == 'on' {
150
- -webkit-transition: background 200ms linear, color 200ms linear;
151
- -moz-transition: background 200ms linear, color 200ms linear;
152
- -o-transition: background 200ms linear, color 200ms linear;
153
- transition: background 200ms linear, color 200ms linear;
154
- }
155
- }
156
-
157
-
158
  li.mega-menu-item.mega-icon-right > a.mega-menu-link {
159
  &:before {
160
  float: right;
161
  margin: 0 0 0 6px;
162
- order: 3;
163
  }
164
  }
165
 
166
- > li.mega-menu-item.mega-animating > ul.mega-sub-menu {
167
  pointer-events: none;
168
  }
169
 
@@ -172,8 +188,7 @@
172
  cursor: default;
173
  }
174
 
175
- li.mega-menu-item-has-children.mega-disable-link > a.mega-menu-link,
176
- li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item-has-children.mega-disable-link > a.mega-menu-link {
177
  cursor: pointer;
178
  }
179
 
@@ -186,11 +201,6 @@
186
  max-width: 100%;
187
  }
188
 
189
- .widget_media_image figure,
190
- .widget_media_image .wp-caption {
191
- width: auto !important;
192
- }
193
-
194
  li.mega-menu-item > ul.mega-sub-menu {
195
  display: block;
196
  visibility: hidden;
@@ -200,7 +210,6 @@
200
 
201
  @include desktop {
202
  &[data-effect="fade"] {
203
-
204
  li.mega-menu-item > ul.mega-sub-menu {
205
  opacity: 0;
206
  transition-duration: $effect_speed;
@@ -213,13 +222,10 @@
213
  li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
214
  opacity: 1;
215
  }
216
-
217
  }
218
 
219
  &[data-effect="fade_up"] {
220
-
221
- > li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu,
222
- li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
223
  opacity: 0;
224
  margin-top: 10px;
225
  transition-duration: $effect_speed;
@@ -233,13 +239,10 @@
233
  opacity: 1;
234
  margin-top: 0;
235
  }
236
-
237
  }
238
 
239
  &[data-effect="slide_up"] {
240
-
241
- > li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu,
242
- li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
243
  margin-top: 10px;
244
  transition-duration: $effect_speed;
245
  transition-timing-function: ease-in;
@@ -251,12 +254,9 @@
251
  li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
252
  margin-top: 0;
253
  }
254
-
255
  }
256
  }
257
 
258
-
259
-
260
  &.mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu,
261
  &.mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu,
262
  li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
@@ -273,7 +273,7 @@
273
  }
274
 
275
  li.mega-menu-item a.mega-menu-link:before {
276
- display: inline-flex;
277
  font: inherit;
278
  font-family: dashicons;
279
  position: static;
@@ -391,6 +391,7 @@
391
  vertical-align: baseline;
392
  text-align: $menu_item_link_text_align;
393
  width: auto;
 
394
  color: $menu_item_link_color;
395
  text-transform: $menu_item_link_text_transform;
396
  text-decoration: $menu_item_link_text_decoration;
@@ -534,6 +535,10 @@
534
  margin: 5px 0;
535
  }
536
 
 
 
 
 
537
  > li.mega-menu-item ul.mega-sub-menu {
538
  clear: both;
539
 
@@ -557,10 +562,8 @@
557
  padding: $panel_widget_padding_top $panel_widget_padding_right $panel_widget_padding_bottom $panel_widget_padding_left;
558
  vertical-align: top;
559
 
560
- @include desktop {
561
- &.mega-menu-clear {
562
- clear: left;
563
- }
564
  }
565
 
566
  // Widget titles
@@ -592,12 +595,23 @@
592
  margin: $panel_second_level_margin_top $panel_second_level_margin_right $panel_second_level_margin_bottom $panel_second_level_margin_left;
593
  padding: $panel_second_level_padding_top $panel_second_level_padding_right $panel_second_level_padding_bottom $panel_second_level_padding_left;
594
  vertical-align: top;
 
595
  border-top: $panel_second_level_border_top solid $panel_second_level_border_color;
596
  border-left: $panel_second_level_border_left solid $panel_second_level_border_color;
597
  border-right: $panel_second_level_border_right solid $panel_second_level_border_color;
598
  border-bottom: $panel_second_level_border_bottom solid $panel_second_level_border_color;
599
  }
600
 
 
 
 
 
 
 
 
 
 
 
601
  // Second level menu item hover
602
  > a.mega-menu-link:hover,
603
  > a.mega-menu-link:focus {
@@ -608,16 +622,24 @@
608
  }
609
 
610
  // Third level menu items
611
- li.mega-menu-item > a.mega-menu-link {
612
- color: $panel_third_level_font_color;
613
- font-family: $panel_third_level_font;
614
- font-size: $panel_third_level_font_size;
615
- text-transform: $panel_third_level_text_transform;
616
- text-decoration: $panel_third_level_text_decoration;
617
- font-weight: $panel_third_level_font_weight;
618
- margin: 0;
619
- padding: $panel_third_level_padding_top $panel_third_level_padding_right $panel_third_level_padding_bottom $panel_third_level_padding_left;
620
- vertical-align: top;
 
 
 
 
 
 
 
 
621
  }
622
 
623
  // Third level menu items hover
@@ -664,6 +686,7 @@
664
  border: 0;
665
  padding: $panel_third_level_padding_top $panel_third_level_padding_right $panel_third_level_padding_bottom $panel_third_level_padding_left;
666
  vertical-align: top;
 
667
  }
668
 
669
  > li.mega-menu-item > a.mega-menu-link:hover,
@@ -700,23 +723,27 @@
700
  border: 0;
701
  }
702
 
703
- @include desktop {
704
- @if $flyout_border_radius_top_left != 0px {
705
- border-top-left-radius: $flyout_border_radius_top_left;
706
- }
707
- @if $flyout_border_radius_top_right != 0px {
708
- border-top-right-radius: $flyout_border_radius_top_right;
709
- }
710
- @if $flyout_border_radius_bottom_right != 0px {
711
- border-bottom-right-radius: $flyout_border_radius_bottom_right;
712
- }
713
- @if $flyout_border_radius_bottom_left != 0px {
714
- border-bottom-left-radius: $flyout_border_radius_bottom_left;
715
- }
716
- }
717
-
718
  li.mega-menu-item {
719
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
720
  @if $flyout_menu_item_divider == 'on' {
721
  border-bottom: 1px solid $flyout_menu_item_divider_color;
722
 
@@ -732,6 +759,7 @@
732
  }
733
 
734
  a.mega-menu-link {
 
735
  @include background($flyout_background_from, $flyout_background_to);
736
  color: $flyout_link_color;
737
  font-family: $flyout_link_family;
@@ -739,52 +767,35 @@
739
  font-weight: $flyout_link_weight;
740
  padding: $flyout_link_padding_top $flyout_link_padding_right $flyout_link_padding_bottom $flyout_link_padding_left;
741
  line-height: $flyout_link_height;
742
- min-height: $flyout_link_height;
743
  text-decoration: $flyout_link_text_decoration;
744
  text-transform: $flyout_link_text_transform;
745
  vertical-align: baseline;
746
  }
747
 
748
- @if $flyout_width == 'auto' {
749
- @include desktop {
750
- > a.mega-menu-link {
751
- white-space: nowrap;
752
- min-width: 150px;
753
- }
754
 
755
- &.mega-has-description {
756
- > a.mega-menu-link {
757
- white-space: normal;
758
 
759
- > .mega-description-group > .mega-menu-title {
760
- white-space: nowrap;
761
- }
762
- }
763
- }
764
  }
765
  }
766
 
767
- @include desktop {
768
- &:first-child > a.mega-menu-link {
769
- @if $flyout_border_radius_top_left != 0px {
770
- border-top-left-radius: $flyout_border_radius_top_left;
771
- }
772
- @if $flyout_border_radius_top_right != 0px {
773
- border-top-right-radius: $flyout_border_radius_top_right;
774
- }
775
- }
776
 
777
- &:last-child > a.mega-menu-link {
778
- @if $flyout_border_radius_bottom_right != 0px {
779
- border-bottom-right-radius: $flyout_border_radius_bottom_right;
780
- }
781
- @if $flyout_border_radius_bottom_left != 0px {
782
- border-bottom-left-radius: $flyout_border_radius_bottom_left;
783
- }
784
  }
785
  }
786
 
787
-
788
  a.mega-menu-link:hover,
789
  a.mega-menu-link:focus {
790
  @include background($flyout_background_hover_from, $flyout_background_hover_to);
@@ -818,16 +829,12 @@
818
 
819
  > a.mega-menu-link:after {
820
  content: $arrow_down;
821
- display: inline-flex;
822
  font-family: dashicons;
823
  margin: 0 0 0 6px;
824
  vertical-align: top;
825
  -webkit-font-smoothing: antialiased;
826
  -moz-osx-font-smoothing: grayscale;
827
- -webkit-transform: rotate(0);
828
- -moz-transform: rotate(0);
829
- -ms-transform: rotate(0);
830
- -o-transform: rotate(0);
831
  transform: rotate(0);
832
  color: inherit;
833
  }
@@ -848,41 +855,52 @@
848
  }
849
 
850
  // Hide arrows
851
- li.mega-menu-item-has-children.mega-hide-arrow > a.mega-menu-link:after,
852
- li.mega-menu-megamenu li.mega-menu-item-has-children > a.mega-menu-link:after {
853
  display: none;
854
  }
855
 
856
- // Icons for flyout menu
857
- @include desktop {
858
- li.mega-menu-item li.mega-menu-item-has-children > a.mega-menu-link:after {
859
- content: $arrow_right;
860
- float: right;
 
 
861
  }
862
  }
863
 
864
  // Right aligned flyout menus
865
  li.mega-menu-flyout.mega-align-bottom-right {
866
 
867
- @include desktop {
 
868
 
869
- li.mega-menu-item.mega-has-description > a.mega-menu-link {
870
- flex-direction: row-reverse;
871
  }
 
872
 
873
- li.mega-menu-item a.mega-menu-link {
874
- text-align: right;
875
- }
876
 
877
- li.mega-menu-item a.mega-menu-link:before {
878
- float: right;
879
- margin: 0 0 0 6px;
880
  }
 
881
 
882
- li.mega-menu-item-has-children > a.mega-menu-link:after {
 
883
  content: $arrow_left;
884
  float: left;
885
  margin: 0;
 
 
 
 
 
886
  }
887
  }
888
 
82
  padding: 0;
83
  }
84
 
85
+ a.mega-menu-link {
86
+ cursor: pointer;
87
+ display: inline;
88
+
89
+ @if $transitions == 'on' {
90
+ -webkit-transition: background 200ms linear, color 200ms linear;
91
+ -moz-transition: background 200ms linear, color 200ms linear;
92
+ -o-transition: background 200ms linear, color 200ms linear;
93
+ transition: background 200ms linear, color 200ms linear;
94
+ }
95
+ }
96
+
97
+ &.mega-menu-horizontal > li.mega-menu-flyout.mega-align-bottom-right ul.mega-sub-menu li.mega-menu-item {
98
+ @include desktop {
99
+ &.mega-has-description .mega-description-group {
100
+ order: 2;
101
+ }
102
+ }
103
+ }
104
 
105
+ li.mega-menu-item.mega-has-description {
106
+ > a.mega-menu-link {
107
  display: flex;
 
 
 
 
108
 
109
+ .mega-description-group {
110
+ display: flex;
111
+ flex-direction: column;
112
+ flex-grow: 1;
113
+ justify-content: center;
114
+ width: 100%; /** IE11 **/
115
+
116
+ .mega-menu-title,
117
+ .mega-menu-description {
118
+ line-height: 1.5;
119
+ }
120
+
121
+ .mega-menu-description {
122
+ font-style: italic;
123
+ font-size: 0.8em;
124
+ text-transform: none;
125
+ font-weight: normal;
126
+ }
127
  }
128
 
129
+ &:before {
130
+ align-items: center;
131
+ flex-grow: 0;
132
+ line-height: normal;
133
+ display: inline-flex;
134
  }
135
  }
136
 
137
+ &.mega-icon-right > a.mega-menu-link {
138
+ &:before {
139
+ order: 3;
140
+ }
 
141
  }
 
142
 
143
+ &.mega-menu-item-has-children > a.mega-menu-link {
144
+ &:after {
145
+ align-items: center;
146
+ flex-grow: 0;
147
+ line-height: normal;
148
+ display: inline-flex;
149
+ }
150
+
151
+ .mega-description-group {
152
+ flex-basis: 80%;
153
+ }
154
+ }
155
+ }
156
 
157
  li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-icon-top > a.mega-menu-link,
158
  li.mega-menu-item.mega-icon-top > a.mega-menu-link {
159
  @include desktop {
160
  display: flex;
161
+ line-height: normal;
 
162
  flex-wrap: wrap;
163
  align-items: center;
164
  align-content: center;
167
  justify-content: space-around;
168
  flex-basis: 100%;
169
  margin: 0 0 6px 0;
170
+ display: inline-flex;
171
  }
172
  }
 
 
 
 
 
 
 
 
 
 
 
173
  }
174
 
 
 
 
 
 
 
 
 
 
 
 
 
175
  li.mega-menu-item.mega-icon-right > a.mega-menu-link {
176
  &:before {
177
  float: right;
178
  margin: 0 0 0 6px;
 
179
  }
180
  }
181
 
182
+ > li.mega-animating > ul.mega-sub-menu {
183
  pointer-events: none;
184
  }
185
 
188
  cursor: default;
189
  }
190
 
191
+ li.mega-menu-item-has-children.mega-disable-link > a.mega-menu-link {
 
192
  cursor: pointer;
193
  }
194
 
201
  max-width: 100%;
202
  }
203
 
 
 
 
 
 
204
  li.mega-menu-item > ul.mega-sub-menu {
205
  display: block;
206
  visibility: hidden;
210
 
211
  @include desktop {
212
  &[data-effect="fade"] {
 
213
  li.mega-menu-item > ul.mega-sub-menu {
214
  opacity: 0;
215
  transition-duration: $effect_speed;
222
  li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
223
  opacity: 1;
224
  }
 
225
  }
226
 
227
  &[data-effect="fade_up"] {
228
+ li.mega-menu-item > ul.mega-sub-menu {
 
 
229
  opacity: 0;
230
  margin-top: 10px;
231
  transition-duration: $effect_speed;
239
  opacity: 1;
240
  margin-top: 0;
241
  }
 
242
  }
243
 
244
  &[data-effect="slide_up"] {
245
+ li.mega-menu-item > ul.mega-sub-menu {
 
 
246
  margin-top: 10px;
247
  transition-duration: $effect_speed;
248
  transition-timing-function: ease-in;
254
  li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
255
  margin-top: 0;
256
  }
 
257
  }
258
  }
259
 
 
 
260
  &.mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu,
261
  &.mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu,
262
  li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
273
  }
274
 
275
  li.mega-menu-item a.mega-menu-link:before {
276
+ display: inline-block;
277
  font: inherit;
278
  font-family: dashicons;
279
  position: static;
391
  vertical-align: baseline;
392
  text-align: $menu_item_link_text_align;
393
  width: auto;
394
+ display: block;
395
  color: $menu_item_link_color;
396
  text-transform: $menu_item_link_text_transform;
397
  text-decoration: $menu_item_link_text_decoration;
535
  margin: 5px 0;
536
  }
537
 
538
+ li.mega-menu-item-has-children a.mega-menu-link:after {
539
+ display: none;
540
+ }
541
+
542
  > li.mega-menu-item ul.mega-sub-menu {
543
  clear: both;
544
 
562
  padding: $panel_widget_padding_top $panel_widget_padding_right $panel_widget_padding_bottom $panel_widget_padding_left;
563
  vertical-align: top;
564
 
565
+ &.mega-menu-clear {
566
+ clear: left;
 
 
567
  }
568
 
569
  // Widget titles
595
  margin: $panel_second_level_margin_top $panel_second_level_margin_right $panel_second_level_margin_bottom $panel_second_level_margin_left;
596
  padding: $panel_second_level_padding_top $panel_second_level_padding_right $panel_second_level_padding_bottom $panel_second_level_padding_left;
597
  vertical-align: top;
598
+ display: block;
599
  border-top: $panel_second_level_border_top solid $panel_second_level_border_color;
600
  border-left: $panel_second_level_border_left solid $panel_second_level_border_color;
601
  border-right: $panel_second_level_border_right solid $panel_second_level_border_color;
602
  border-bottom: $panel_second_level_border_bottom solid $panel_second_level_border_color;
603
  }
604
 
605
+ &.mega-icon-top > a.mega-menu-link,
606
+ &.mega-has-description > a.mega-menu-link {
607
+ display: flex;
608
+
609
+ &:before {
610
+ align-items: flex-start;
611
+ line-height: inherit;
612
+ }
613
+ }
614
+
615
  // Second level menu item hover
616
  > a.mega-menu-link:hover,
617
  > a.mega-menu-link:focus {
622
  }
623
 
624
  // Third level menu items
625
+ li.mega-menu-item {
626
+ > a.mega-menu-link {
627
+ color: $panel_third_level_font_color;
628
+ font-family: $panel_third_level_font;
629
+ font-size: $panel_third_level_font_size;
630
+ text-transform: $panel_third_level_text_transform;
631
+ text-decoration: $panel_third_level_text_decoration;
632
+ font-weight: $panel_third_level_font_weight;
633
+ margin: 0;
634
+ padding: $panel_third_level_padding_top $panel_third_level_padding_right $panel_third_level_padding_bottom $panel_third_level_padding_left;
635
+ vertical-align: top;
636
+ display: block;
637
+ }
638
+
639
+ &.mega-icon-top > a.mega-menu-link,
640
+ &.mega-has-description > a.mega-menu-link {
641
+ display: flex;
642
+ }
643
  }
644
 
645
  // Third level menu items hover
686
  border: 0;
687
  padding: $panel_third_level_padding_top $panel_third_level_padding_right $panel_third_level_padding_bottom $panel_third_level_padding_left;
688
  vertical-align: top;
689
+ display: block;
690
  }
691
 
692
  > li.mega-menu-item > a.mega-menu-link:hover,
723
  border: 0;
724
  }
725
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
726
  li.mega-menu-item {
727
 
728
+ @if $flyout_width == 'auto' {
729
+ @include desktop {
730
+ > a.mega-menu-link {
731
+ white-space: nowrap;
732
+ min-width: 150px;
733
+ }
734
+
735
+ &.mega-has-description {
736
+ > a.mega-menu-link {
737
+ white-space: normal;
738
+
739
+ > .mega-description-group > .mega-menu-title {
740
+ white-space: nowrap;
741
+ }
742
+ }
743
+ }
744
+ }
745
+ }
746
+
747
  @if $flyout_menu_item_divider == 'on' {
748
  border-bottom: 1px solid $flyout_menu_item_divider_color;
749
 
759
  }
760
 
761
  a.mega-menu-link {
762
+ display: block;
763
  @include background($flyout_background_from, $flyout_background_to);
764
  color: $flyout_link_color;
765
  font-family: $flyout_link_family;
767
  font-weight: $flyout_link_weight;
768
  padding: $flyout_link_padding_top $flyout_link_padding_right $flyout_link_padding_bottom $flyout_link_padding_left;
769
  line-height: $flyout_link_height;
 
770
  text-decoration: $flyout_link_text_decoration;
771
  text-transform: $flyout_link_text_transform;
772
  vertical-align: baseline;
773
  }
774
 
775
+ &.mega-has-description > a.mega-menu-link {
776
+ display: flex;
777
+ }
 
 
 
778
 
779
+ &:first-child > a.mega-menu-link {
780
+ border-top-left-radius: $flyout_border_radius_top_left;
781
+ border-top-right-radius: $flyout_border_radius_top_right;
782
 
783
+ @include mobile {
784
+ border-top-left-radius: 0;
785
+ border-top-right-radius: 0;
 
 
786
  }
787
  }
788
 
789
+ &:last-child > a.mega-menu-link {
790
+ border-bottom-right-radius: $flyout_border_radius_bottom_right;
791
+ border-bottom-left-radius: $flyout_border_radius_bottom_left;
 
 
 
 
 
 
792
 
793
+ @include mobile {
794
+ border-bottom-right-radius: 0;
795
+ border-bottom-left-radius: 0;
 
 
 
 
796
  }
797
  }
798
 
 
799
  a.mega-menu-link:hover,
800
  a.mega-menu-link:focus {
801
  @include background($flyout_background_hover_from, $flyout_background_hover_to);
829
 
830
  > a.mega-menu-link:after {
831
  content: $arrow_down;
832
+ display: inline-block;
833
  font-family: dashicons;
834
  margin: 0 0 0 6px;
835
  vertical-align: top;
836
  -webkit-font-smoothing: antialiased;
837
  -moz-osx-font-smoothing: grayscale;
 
 
 
 
838
  transform: rotate(0);
839
  color: inherit;
840
  }
855
  }
856
 
857
  // Hide arrows
858
+ li.mega-menu-megamenu li.mega-menu-item-has-children > a.mega-menu-link:after,
859
+ li.mega-menu-item-has-children.mega-hide-arrow > a.mega-menu-link:after {
860
  display: none;
861
  }
862
 
863
+
864
+ li.mega-menu-item li.mega-menu-item-has-children > a.mega-menu-link:after {
865
+ content: $arrow_right;
866
+ float: right;
867
+
868
+ @include mobile {
869
+ content: $arrow_down;
870
  }
871
  }
872
 
873
  // Right aligned flyout menus
874
  li.mega-menu-flyout.mega-align-bottom-right {
875
 
876
+ li.mega-menu-item a.mega-menu-link {
877
+ text-align: right;
878
 
879
+ @include mobile {
880
+ text-align: left;
881
  }
882
+ }
883
 
884
+ li.mega-menu-item a.mega-menu-link:before {
885
+ float: right;
886
+ margin: 0 0 0 6px;
887
 
888
+ @include mobile {
889
+ float: left;
890
+ margin: 0 6px 0 0;
891
  }
892
+ }
893
 
894
+ li.mega-menu-item-has-children {
895
+ > a.mega-menu-link:after {
896
  content: $arrow_left;
897
  float: left;
898
  margin: 0;
899
+
900
+ @include mobile {
901
+ content: $arrow_down;
902
+ float: right;
903
+ }
904
  }
905
  }
906
 
megamenu.php CHANGED
@@ -4,7 +4,7 @@
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.4.0.6
8
  * Author: Tom Hemsley
9
  * Author URI: https://www.megamenu.com
10
  * License: GPL-2.0+
@@ -26,13 +26,13 @@ final class Mega_Menu {
26
  /**
27
  * @var string
28
  */
29
- public $version = '2.4.0.6';
30
 
31
 
32
  /**
33
  * @var string
34
  */
35
- public $scss_last_updated = '2.3.1';
36
 
37
 
38
  /**
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.4.0.7
8
  * Author: Tom Hemsley
9
  * Author URI: https://www.megamenu.com
10
  * License: GPL-2.0+
26
  /**
27
  * @var string
28
  */
29
+ public $version = '2.4.0.7';
30
 
31
 
32
  /**
33
  * @var string
34
  */
35
+ public $scss_last_updated = '2.4.0.7';
36
 
37
 
38
  /**