Responsive Menu - Version 3.1.15

Version Description

(26th July 2018) = * Fixed Sub Menu line height bug. * Removed Min Admin Guide. * Upgrade to FontAwesome 5.2 (Pro) * Fix search placeholder colour issue (Pro) * Added options to hide on mobile or desktop devices (Pro)

Download this release

Release Info

Developer peterfeatherstone
Plugin Icon 128x128 Responsive Menu
Version 3.1.15
Comparing to
See all releases

Code changes from version 3.1.14 to 3.1.15

Files changed (13) hide show
  1. app/Validation/Validator.php +0 -19
  2. config/default_options.php +4 -2
  3. public/css/admin/additional.css +14 -10
  4. public/css/admin/base.css +0 -98
  5. public/css/admin/themes/light.css +0 -10
  6. public/css/app.css.twig +1 -8
  7. public/img/banner.jpg +0 -0
  8. public/img/banner.png +0 -0
  9. public/js/admin/base.js +0 -16
  10. readme.txt +10 -3
  11. responsive-menu.php +2 -2
  12. views/admin/banners.html.twig +1 -48
  13. views/admin/sections/advanced.html.twig +2 -1
app/Validation/Validator.php CHANGED
@@ -43,8 +43,6 @@ class Validator {
43
  'button_top',
44
  'animation_speed',
45
  'transition_speed',
46
- 'sub_menu_speed',
47
- 'smooth_scroll_speed',
48
  'button_font_size',
49
  'button_title_line_height',
50
  'menu_width',
@@ -55,13 +53,6 @@ class Validator {
55
  'menu_links_line_height',
56
  'submenu_arrow_height',
57
  'submenu_arrow_width',
58
- 'header_bar_height',
59
- 'header_bar_font_size',
60
- 'single_menu_height',
61
- 'single_menu_line_height',
62
- 'single_menu_font_size',
63
- 'single_menu_submenu_font_size',
64
- 'single_menu_submenu_line_height',
65
  'menu_depth_0',
66
  'menu_depth_1',
67
  'menu_depth_2',
@@ -116,16 +107,6 @@ class Validator {
116
  'menu_search_box_border_colour',
117
  'menu_search_box_background_colour',
118
  'menu_search_box_placeholder_colour',
119
- 'single_menu_item_link_colour',
120
- 'single_menu_item_link_colour_hover',
121
- 'single_menu_item_background_colour',
122
- 'single_menu_item_background_colour_hover',
123
- 'single_menu_item_submenu_link_colour',
124
- 'single_menu_item_submenu_link_colour_hover',
125
- 'single_menu_item_submenu_background_colour',
126
- 'single_menu_item_submenu_background_colour_hover',
127
- 'header_bar_background_color',
128
- 'header_bar_text_color',
129
  'button_background_colour_active',
130
  'button_line_colour_hover',
131
  'button_line_colour_active',
43
  'button_top',
44
  'animation_speed',
45
  'transition_speed',
 
 
46
  'button_font_size',
47
  'button_title_line_height',
48
  'menu_width',
53
  'menu_links_line_height',
54
  'submenu_arrow_height',
55
  'submenu_arrow_width',
 
 
 
 
 
 
 
56
  'menu_depth_0',
57
  'menu_depth_1',
58
  'menu_depth_2',
107
  'menu_search_box_border_colour',
108
  'menu_search_box_background_colour',
109
  'menu_search_box_placeholder_colour',
 
 
 
 
 
 
 
 
 
 
110
  'button_background_colour_active',
111
  'button_line_colour_hover',
112
  'button_line_colour_active',
config/default_options.php CHANGED
@@ -93,7 +93,7 @@ function get_responsive_menu_default_options() {
93
  'arrow_position' => 'right',
94
  'submenu_arrow_width' => '40',
95
  'submenu_arrow_width_unit' => 'px',
96
- 'submenu_arrow_height' => '40',
97
  'submenu_arrow_height_unit' => 'px',
98
  'submenu_descriptions_on' => false,
99
  'accordion_animation' => 'off',
@@ -166,7 +166,7 @@ function get_responsive_menu_default_options() {
166
  'submenu_arrow_position' => 'right',
167
 
168
  // Sub Menus > Trigger Sizing
169
- 'submenu_submenu_arrow_height' => '40',
170
  'submenu_submenu_arrow_height_unit' => 'px',
171
  'submenu_submenu_arrow_width' => '40',
172
  'submenu_submenu_arrow_width_unit' => 'px',
@@ -254,6 +254,8 @@ function get_responsive_menu_default_options() {
254
 
255
  'shortcode' => 'off',
256
  'mobile_only' => 'off',
 
 
257
  'custom_walker' => null,
258
  'custom_css' => null,
259
 
93
  'arrow_position' => 'right',
94
  'submenu_arrow_width' => '40',
95
  'submenu_arrow_width_unit' => 'px',
96
+ 'submenu_arrow_height' => '39',
97
  'submenu_arrow_height_unit' => 'px',
98
  'submenu_descriptions_on' => false,
99
  'accordion_animation' => 'off',
166
  'submenu_arrow_position' => 'right',
167
 
168
  // Sub Menus > Trigger Sizing
169
+ 'submenu_submenu_arrow_height' => '39',
170
  'submenu_submenu_arrow_height_unit' => 'px',
171
  'submenu_submenu_arrow_width' => '40',
172
  'submenu_submenu_arrow_width_unit' => 'px',
254
 
255
  'shortcode' => 'off',
256
  'mobile_only' => 'off',
257
+ 'hide_on_mobile' => 'off',
258
+ 'hide_on_desktop' => 'off',
259
  'custom_walker' => null,
260
  'custom_css' => null,
261
 
public/css/admin/additional.css CHANGED
@@ -59,23 +59,27 @@
59
  }
60
 
61
  #responsive-menu-admin #upgrade-banner {
62
- padding: 25px 5%;
63
- background: #DE4B42;
64
  color: #fff;
65
- border: 1px solid #D33C34;
66
  border-radius: 2px;
67
  text-align: center;
68
- margin-bottom: 15px;
 
 
 
 
 
 
 
 
 
69
  }
70
 
71
- #responsive-menu-admin #upgrade-banner i {
72
- margin-right: 5px;
73
  }
74
 
75
- #responsive-menu-admin #upgrade-banner {
76
- font-size: 18px;
77
- font-weight: bold;
78
- line-height: 24px;
79
  }
80
 
81
  #responsive-menu-admin #upgrade-banner .glyphicon {
59
  }
60
 
61
  #responsive-menu-admin #upgrade-banner {
 
 
62
  color: #fff;
 
63
  border-radius: 2px;
64
  text-align: center;
65
+ margin: 0 auto 15px auto;
66
+ background-color: #0d2446;
67
+ background-repeat: no-repeat;
68
+ background-image: url('../../img/banner.jpg');
69
+ padding-top: 105px;
70
+ background-position: center top;
71
+ max-width: 350px;
72
+ font-size: 18px;
73
+ font-weight: bold;
74
+ line-height: 24px;
75
  }
76
 
77
+ #responsive-menu-admin #upgrade-banner .button {
78
+ background: #fab719;
79
  }
80
 
81
+ #responsive-menu-admin #upgrade-banner i {
82
+ margin-right: 5px;
 
 
83
  }
84
 
85
  #responsive-menu-admin #upgrade-banner .glyphicon {
public/css/admin/base.css CHANGED
@@ -46,104 +46,6 @@
46
  margin-top: 25px;
47
  }
48
 
49
- #responsive-menu-admin #banner-area #guide-banner {
50
- background: white;
51
- padding: 15px;
52
- margin-top: 15px;
53
- }
54
-
55
- #responsive-menu-admin #banner-area #guide-banner .guide-active > .guide-wrapper,
56
- #responsive-menu-admin #banner-area #guide-banner #guide-menu-wrapper:hover,
57
- #responsive-menu-admin #banner-area #guide-banner #guide-submenu-wrapper:hover,
58
- #responsive-menu-admin #banner-area #guide-banner #guide-container-wrapper:hover,
59
- #responsive-menu-admin #banner-area #guide-banner #guide-button-wrapper:hover {
60
- outline: 4px solid #15A4FA;
61
- }
62
-
63
- #responsive-menu-admin #banner-area #guide-banner .guide-active > .guide-wrapper {
64
- outline-color: yellow;
65
- }
66
-
67
- #responsive-menu-admin #banner-area #guide-banner #guide-button-wrapper {
68
- height: 50px;
69
- width: 50px;
70
- background: #3E4960;
71
- padding-top: 10px;
72
- }
73
-
74
- #responsive-menu-admin #banner-area #guide-banner #guide-button-container {
75
-
76
- float: right;
77
- }
78
-
79
- #responsive-menu-admin #banner-area #guide-banner #guide-button-container .guide-button-line {
80
- background: white;
81
- width: 75%;
82
- height: 3px;
83
- margin: 0 auto 10px auto;
84
- }
85
-
86
- #responsive-menu-admin #banner-area #guide-banner #guide-container-container {
87
- width: 75%;
88
- }
89
-
90
- #responsive-menu-admin #banner-area #guide-banner #guide-container-wrapper {
91
- background: #3E4960;
92
- padding: 10px;
93
- }
94
-
95
- #responsive-menu-admin #banner-area #guide-banner #guide-title {
96
- font-weight: bold;
97
- margin-bottom: 10px;
98
- }
99
-
100
- #responsive-menu-admin #banner-area #guide-banner #guide-title small {
101
- font-weight: normal;
102
- }
103
-
104
- #responsive-menu-admin #banner-area #guide-banner #guide-menu-container {
105
- background: #E9F0FA;
106
- }
107
-
108
- #responsive-menu-admin #banner-area #guide-banner #guide-container-container .guide-menu-text {
109
- color: white;
110
- padding: 5px 0;
111
- }
112
-
113
- #responsive-menu-admin #banner-area #guide-banner #guide-menu-container .guide-menu-item {
114
- border-bottom: 1px solid #D4E2F5;
115
- padding: 5px;
116
- }
117
-
118
- #responsive-menu-admin #banner-area #guide-banner #guide-menu-container .guide-menu-item.guide-submenu-item {
119
- padding-left: 25px;
120
- background: #D4E2F5;
121
- border-color: #E9F0FA;
122
- }
123
-
124
- #responsive-menu-admin #banner-area #guide-banner .guide-helper-container {
125
- position: relative;
126
- }
127
-
128
- #responsive-menu-admin #banner-area #guide-banner .guide-helper {
129
- position: absolute;
130
- top: -35px;
131
- background: rgba(0, 0, 0, 0.8);
132
- color: white;
133
- padding: 5px;
134
- display: none;
135
- left: -5px;
136
- }
137
-
138
- #responsive-menu-admin #banner-area #guide-banner .guide-helper.guide-helper-submenus {
139
- left: 0;
140
- }
141
-
142
- #responsive-menu-admin #banner-area #guide-banner .guide-active > .guide-helper,
143
- #responsive-menu-admin #banner-area #guide-banner .guide-helper-container:hover > .guide-helper {
144
- display: block;
145
- }
146
-
147
  #responsive-menu-admin .input-group {
148
  width:100%;
149
  }
46
  margin-top: 25px;
47
  }
48
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
49
  #responsive-menu-admin .input-group {
50
  width:100%;
51
  }
public/css/admin/themes/light.css CHANGED
@@ -182,13 +182,3 @@
182
  padding-right: 0;
183
  }
184
  /* <-- End specific theme styles */
185
-
186
- /* --> Start Mini Admin guide theme styles */
187
- #responsive-menu-admin #guide-banner {
188
- border: 1px solid #C4C4C4;
189
- }
190
- #responsive-menu-admin #banner-area #guide-banner #guide-container-wrapper,
191
- #responsive-menu-admin #banner-area #guide-banner #guide-button-wrapper {
192
- background: #DE4B42;
193
- }
194
- /* <-- End Mini Admin guide theme styles */
182
  padding-right: 0;
183
  }
184
  /* <-- End specific theme styles */
 
 
 
 
 
 
 
 
 
 
public/css/app.css.twig CHANGED
@@ -8,9 +8,6 @@ button#responsive-menu-button,
8
 
9
  #responsive-menu-container {
10
  display: block;
11
- }
12
-
13
- #responsive-menu-container {
14
  position: fixed;
15
  top: 0;
16
  bottom: 0;
@@ -543,10 +540,6 @@ button#responsive-menu-button,
543
  }
544
 
545
  {# ---> Sub Menu Styles #}
546
- #responsive-menu-container #responsive-menu ul.responsive-menu-submenu > li.responsive-menu-item:first-child > a {
547
- border-top: {{ options.submenu_border_width }}px solid {{ options.submenu_item_border_colour }};
548
- }
549
-
550
  #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item .responsive-menu-item-link {
551
  {% if options.submenu_font %}
552
  font-family: {{ "'" ~ options.submenu_font ~ "'" }};
@@ -583,7 +576,7 @@ button#responsive-menu-button,
583
  #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow {
584
  {{ options.submenu_arrow_position }}: 0;
585
  height: {{ options.submenu_submenu_arrow_height }}px;
586
- line-height: {{ options.submenu_sub_submenu_arrow_height }}px;
587
  width: {{ options.submenu_submenu_arrow_width }}px;
588
  color: {{ options.submenu_sub_arrow_shape_colour }};
589
  border-left: {{ options.submenu_border_width }}px solid {{ options.submenu_sub_arrow_border_colour }};
8
 
9
  #responsive-menu-container {
10
  display: block;
 
 
 
11
  position: fixed;
12
  top: 0;
13
  bottom: 0;
540
  }
541
 
542
  {# ---> Sub Menu Styles #}
 
 
 
 
543
  #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item .responsive-menu-item-link {
544
  {% if options.submenu_font %}
545
  font-family: {{ "'" ~ options.submenu_font ~ "'" }};
576
  #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow {
577
  {{ options.submenu_arrow_position }}: 0;
578
  height: {{ options.submenu_submenu_arrow_height }}px;
579
+ line-height: {{ options.submenu_submenu_arrow_height }}px;
580
  width: {{ options.submenu_submenu_arrow_width }}px;
581
  color: {{ options.submenu_sub_arrow_shape_colour }};
582
  border-left: {{ options.submenu_border_width }}px solid {{ options.submenu_sub_arrow_border_colour }};
public/img/banner.jpg ADDED
Binary file
public/img/banner.png DELETED
Binary file
public/js/admin/base.js CHANGED
@@ -115,22 +115,6 @@ jQuery(function($) {
115
  $(document).on('click', '.nav-tabs li a', function() {
116
  var tab_name = $(this).attr('href').replace('#', '');
117
  $('#responsive-menu-current-page').val(tab_name);
118
-
119
- $('.guide-active').removeClass('guide-active');
120
- switch(tab_name) {
121
- case 'sub-menus':
122
- $('#guide-submenu-container').addClass('guide-active');
123
- break;
124
- case 'menu':
125
- $('#guide-menu-container').addClass('guide-active');
126
- break;
127
- case 'button':
128
- $('#guide-button-container').addClass('guide-active');
129
- break;
130
- case 'container':
131
- $('#guide-container-container').addClass('guide-active');
132
- break;
133
- }
134
  });
135
  /* <-- End Navigation Tabs */
136
 
115
  $(document).on('click', '.nav-tabs li a', function() {
116
  var tab_name = $(this).attr('href').replace('#', '');
117
  $('#responsive-menu-current-page').val(tab_name);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
118
  });
119
  /* <-- End Navigation Tabs */
120
 
readme.txt CHANGED
@@ -2,8 +2,8 @@
2
  Contributors: ResponsiveMenu, peterfeatherstone
3
  Tags: responsive, menu, responsive menu, mobile menu, wordpress responsive menu, wp responsive menu, tablet menu, hamburger menu, hamburger, mobile, tablet, 3 lines, 3 line, three line, three lines
4
  Requires at least: 3.6
5
- Tested up to: 4.9.4
6
- Stable tag: 3.1.14
7
  Requires PHP: 5.4
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
@@ -111,7 +111,14 @@ To view our FAQ, please go to [https://responsive.menu/faq/](https://responsive.
111
 
112
  == Changelog ==
113
 
114
- = 3.1.14 (30th March January 2018) =
 
 
 
 
 
 
 
115
  * Added line height options for all menu items.
116
  * Added title to Search element to meet WCAG accessibility requirements.
117
  * Improvements for admin option filtering.
2
  Contributors: ResponsiveMenu, peterfeatherstone
3
  Tags: responsive, menu, responsive menu, mobile menu, wordpress responsive menu, wp responsive menu, tablet menu, hamburger menu, hamburger, mobile, tablet, 3 lines, 3 line, three line, three lines
4
  Requires at least: 3.6
5
+ Tested up to: 4.9.7
6
+ Stable tag: 3.1.15
7
  Requires PHP: 5.4
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
111
 
112
  == Changelog ==
113
 
114
+ = 3.1.15 (26th July 2018) =
115
+ * Fixed Sub Menu line height bug.
116
+ * Removed Min Admin Guide.
117
+ * Upgrade to FontAwesome 5.2 (Pro)
118
+ * Fix search placeholder colour issue (Pro)
119
+ * Added options to hide on mobile or desktop devices (Pro)
120
+
121
+ = 3.1.14 (30th March 2018) =
122
  * Added line height options for all menu items.
123
  * Added title to Search element to meet WCAG accessibility requirements.
124
  * Improvements for admin option filtering.
responsive-menu.php CHANGED
@@ -4,7 +4,7 @@
4
  Plugin Name: Responsive Menu
5
  Plugin URI: https://responsive.menu
6
  Description: Highly Customisable Responsive Menu Plugin for WordPress
7
- Version: 3.1.14
8
  Author: Peter Featherstone
9
  Text Domain: responsive-menu
10
  Author URI: https://peterfeatherstone.com
@@ -22,7 +22,7 @@ function check_responsive_menu_php_version() {
22
 
23
  function responsive_menu_deactivation_text() {
24
  echo '<div class="error"><p>' . sprintf(
25
- 'Responsive Menu requires PHP 5.4 or higher to function and has therefore been automatically disabled.
26
  You are still on %s.%sPlease speak to your web host about upgrading your PHP version.',
27
  PHP_VERSION,
28
  '<br /><br />'
4
  Plugin Name: Responsive Menu
5
  Plugin URI: https://responsive.menu
6
  Description: Highly Customisable Responsive Menu Plugin for WordPress
7
+ Version: 3.1.15
8
  Author: Peter Featherstone
9
  Text Domain: responsive-menu
10
  Author URI: https://peterfeatherstone.com
22
 
23
  function responsive_menu_deactivation_text() {
24
  echo '<div class="error"><p>' . sprintf(
25
+ 'Responsive Menu requires PHP 5.4 or higher to function and has therefore been automatically disabled.
26
  You are still on %s.%sPlease speak to your web host about upgrading your PHP version.',
27
  PHP_VERSION,
28
  '<br /><br />'
views/admin/banners.html.twig CHANGED
@@ -9,7 +9,7 @@
9
  <li>Desktop & Mega Menu</li>
10
  <li>Header Bar</li>
11
  <li>15+ Button Animations</li>
12
- <li>FontAwesome and GlyphIcon Support</li>
13
  <li>Keyboard Shortcuts</li>
14
  <li>Touch gestures</li>
15
  <li>Colour Opacity</li>
@@ -23,50 +23,3 @@
23
  Confused? Check out our knowledgebase
24
  <a target="_blank" href="https://responsive.menu/knowledgebase?utm_source=plugin&utm_medium=banner&utm_campaign=knowledgebase" class="button">View Knowledgebase</a>
25
  </div>
26
-
27
- <div id="guide-banner">
28
- <div id="guide-title">
29
- Mini Admin Guide<br />
30
- <small>Hover the items to find their sections</small>
31
- </div>
32
- <div id="guide-wrapper">
33
- <a href="#responsive-menu-button-click-animation" class="scroll-to-option">
34
- <div id="guide-button-container" class="guide-helper-container{% if current_page() == 'button' %} guide-active{% endif %}">
35
- <div class="guide-helper">Button</div>
36
- <div id="guide-button-wrapper" class="guide-wrapper">
37
- <div class="guide-button-line"></div>
38
- <div class="guide-button-line"></div>
39
- <div class="guide-button-line"></div>
40
- </div>
41
- </div>
42
- </a>
43
- <a href="#responsive-menu-menu-width" class="scroll-to-option">
44
- <div id="guide-container-container" class="guide-helper-container{% if current_page() == 'container' %} guide-active{% endif %}">
45
- <div id="guide-helper-container" class="guide-helper">Container</div>
46
- <div id="guide-container-wrapper" class="guide-wrapper">
47
- <div class="guide-menu-text">Title</div>
48
- <a href="#responsive-menu-menu-depth" class="scroll-to-option">
49
- <div id="guide-menu-container" class="guide-helper-container{% if current_page() == 'menu' %} guide-active{% endif %}">
50
- <div class="guide-helper">Menu</div>
51
- <div id="guide-menu-wrapper" class="guide-wrapper">
52
- <div class="guide-menu-item">Menu Item</div>
53
- <div class="guide-menu-item">Menu Item</div>
54
- <a href="#responsive-menu-arrow-position" class="scroll-to-option">
55
- <div id="guide-submenu-container" class="guide-helper-container{% if current_page() == 'sub-menus' %} guide-active{% endif %}">
56
- <div class="guide-helper guide-helper-submenus">Sub Menus</div>
57
- <div id="guide-submenu-wrapper" class="guide-wrapper">
58
- <div class="guide-menu-item guide-submenu-item">Sub Menu Item</div>
59
- <div class="guide-menu-item guide-submenu-item">Sub Menu Item</div>
60
- </div>
61
- </div>
62
- </a>
63
- </div>
64
- </div>
65
- </a>
66
- <div class="guide-menu-text">Additional Content</div>
67
- <div class="guide-menu-text">Search</div>
68
- </div>
69
- </div>
70
- </a>
71
- </div>
72
- </div>
9
  <li>Desktop & Mega Menu</li>
10
  <li>Header Bar</li>
11
  <li>15+ Button Animations</li>
12
+ <li>Icon Support</li>
13
  <li>Keyboard Shortcuts</li>
14
  <li>Touch gestures</li>
15
  <li>Colour Opacity</li>
23
  Confused? Check out our knowledgebase
24
  <a target="_blank" href="https://responsive.menu/knowledgebase?utm_source=plugin&utm_medium=banner&utm_campaign=knowledgebase" class="button">View Knowledgebase</a>
25
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
views/admin/sections/advanced.html.twig CHANGED
@@ -20,7 +20,8 @@
20
  {{ macros.header('Technical', section) }}
21
  <table class='table table-bordered table-hover'>
22
  {{ macros.row('shortcode', 'Use Shortcode?', 'checkbox', options, errors, '', '', '', '', 'Please place ' ~ shortcode ~ ' in your files to use. Full documentation can be found <a href="https://responsive.menu/knowledgebase/using-the-shortcode/?utm_source=free-plugin&utm_medium=page&utm_campaign=using-the-shortcode" target="_blank">here</a>') }}
23
- {{ macros.row('mobile_only', 'Show on mobile devices only?', 'checkbox', options, errors, '', 'pro', '', '', 'This will make it not a responsive menu but a "mobile menu". No HTML, CSS or JavaScript will be output unless the user is on a mobile specific device.') }}
 
24
  {{ macros.row('show_menu_on_page_load', 'Show Menu on Page Load', 'checkbox', options, errors, '', 'pro', '', '', 'This will mean the menu container will show as opened and the button will be set to active on each page load.') }}
25
  {{ macros.row('menu_adjust_for_wp_admin_bar', 'Adjust for WP Admin Bar', 'checkbox', options, errors, '', 'pro', '', '', 'If you use the WP Admin bar when logged in, this will bring the various elements down so they are not hidden behind it.') }}
26
  {{ macros.row('menu_disable_scrolling', 'Disable Background Scrolling', 'checkbox', options, errors, '', 'pro', '', '', 'When the menu is open the background of the page cannot be scrolled.', '', '', 'Please ensure your theme follows WordPress theme development guidelines for this to work. Specifically that the html tag includes the language_attributes() function call.') }}
20
  {{ macros.header('Technical', section) }}
21
  <table class='table table-bordered table-hover'>
22
  {{ macros.row('shortcode', 'Use Shortcode?', 'checkbox', options, errors, '', '', '', '', 'Please place ' ~ shortcode ~ ' in your files to use. Full documentation can be found <a href="https://responsive.menu/knowledgebase/using-the-shortcode/?utm_source=free-plugin&utm_medium=page&utm_campaign=using-the-shortcode" target="_blank">here</a>') }}
23
+ {{ macros.row('hide_on_mobile', 'Hide on mobile devices', 'checkbox', options, errors, '', 'pro', '', '', 'This will disable the plugin on mobile devices. No HTML, CSS or JavaScript will be output if the user is on a mobile specific device.') }}
24
+ {{ macros.row('hide_on_desktop', 'Hide on desktops', 'checkbox', options, errors, '', 'pro', '', '', 'This will disable the plugin on desktop devices. No HTML, CSS or JavaScript will be output if the user is on a mobile specific device.') }}
25
  {{ macros.row('show_menu_on_page_load', 'Show Menu on Page Load', 'checkbox', options, errors, '', 'pro', '', '', 'This will mean the menu container will show as opened and the button will be set to active on each page load.') }}
26
  {{ macros.row('menu_adjust_for_wp_admin_bar', 'Adjust for WP Admin Bar', 'checkbox', options, errors, '', 'pro', '', '', 'If you use the WP Admin bar when logged in, this will bring the various elements down so they are not hidden behind it.') }}
27
  {{ macros.row('menu_disable_scrolling', 'Disable Background Scrolling', 'checkbox', options, errors, '', 'pro', '', '', 'When the menu is open the background of the page cannot be scrolled.', '', '', 'Please ensure your theme follows WordPress theme development guidelines for this to work. Specifically that the html tag includes the language_attributes() function call.') }}