Responsive Menu - Version 3.1.14

Version Description

(30th March January 2018) = * Added line height options for all menu items. * Added title to Search element to meet WCAG accessibility requirements. * Improvements for admin option filtering. * Added Height and Width options to Title Image. * Added customisable options for sub-menus. * Allow translation of search placeholder text. * Fixed bug with Adjust Header Bar option. * [PRO] Added inner Header Bar HTML element for easier customisation. * [PRO] Option to close menu on page scroll. * [PRO] Option to smooth scroll same page links.

Download this release

Release Info

Developer	peterfeatherstone
Plugin	Responsive Menu
Version	3.1.14
Comparing to
See all releases

Code changes from version 3.1.13 to 3.1.14

Files changed (25) hide show

app/Database/Migrations/Migrate_3_1_13_3_1_14.php +75 -0
app/Tasks/UpdateOptionsTask.php +6 -11
app/Validation/Validator.php +4 -1
config/default_options.php +84 -3
config/polylang.php +1 -0
public/css/admin/base.css +2 -1
public/css/app.css.twig +105 -2
public/img/banner.png +0 -0
public/js/admin/base.js +1 -0
readme.txt +17 -4
responsive-menu.php +6 -6
views/admin/banners.html.twig +4 -4
views/admin/macros.html.twig +15 -4
views/admin/sections/advanced.html.twig +5 -5
views/admin/sections/button.html.twig +9 -9
views/admin/sections/container.html.twig +14 -11
views/admin/sections/desktop-menu.html.twig +10 -8
views/admin/sections/header-bar.html.twig +9 -9
views/admin/sections/initial-setup.html.twig +1 -1
views/admin/sections/menu.html.twig +71 -9
views/admin/sections/modules/font-icons.html.twig +1 -1
views/admin/sections/modules/license-key.html.twig +1 -1
views/admin/sections/sub-menus.html.twig +65 -31
views/admin/sections/technical.html.twig +5 -5
views/app/search.html.twig +3 -1

app/Database/Migrations/Migrate_3_1_13_3_1_14.php ADDED Viewed

	@@ -0,0 +1,75 @@


1	+ <?php
2	+
3	+ namespace ResponsiveMenu\Database\Migrations;
4	+
5	+ class Migrate_3_1_13_3_1_14 extends Migrate {
6	+
7	+ protected $migrations = [
8	+ // Menu > Styling
9	+ 'menu_links_line_height' => 'menu_links_height',
10	+ 'menu_links_line_height_unit' => 'menu_links_height_unit',
11	+
12	+ // Sub Menus > Styling
13	+ 'submenu_font' => 'menu_font',
14	+ 'submenu_font_size' => 'menu_font_size',
15	+ 'submenu_font_size_unit' => 'menu_font_size_unit',
16	+ 'submenu_links_height' => 'menu_links_height',
17	+ 'submenu_links_height_unit' => 'menu_links_height_unit',
18	+ 'submenu_links_line_height' => 'menu_links_height',
19	+ 'submenu_links_line_height_unit' => 'menu_links_height_unit',
20	+ 'submenu_text_alignment' => 'menu_text_alignment',
21	+
22	+ // Sub Menus > Item Borders
23	+ 'submenu_border_width' => 'menu_border_width',
24	+ 'submenu_border_width_unit' => 'menu_border_width_unit',
25	+ 'submenu_item_border_colour' => 'menu_item_border_colour',
26	+ 'submenu_item_border_colour_hover' => 'menu_item_border_colour_hover',
27	+ 'submenu_current_item_border_colour' => 'menu_current_item_border_colour',
28	+ 'submenu_current_item_border_hover_colour' => 'menu_current_item_border_hover_colour',
29	+
30	+ // Sub Menus > Item Text
31	+ 'submenu_link_colour' => 'menu_link_colour',
32	+ 'submenu_link_hover_colour' => 'menu_link_hover_colour',
33	+ 'submenu_current_link_colour' => 'menu_current_link_colour',
34	+ 'submenu_current_link_hover_colour' => 'menu_current_link_hover_colour',
35	+
36	+ // Sub Menus > Item Background
37	+ 'submenu_item_background_colour' => 'menu_item_background_colour',
38	+ 'submenu_item_background_hover_colour' => 'menu_item_background_hover_colour',
39	+ 'submenu_current_item_background_colour' => 'menu_current_item_background_colour',
40	+ 'submenu_current_item_background_hover_colour' => 'menu_current_item_background_hover_colour',
41	+
42	+ // Sub Menus > Trigger Icon
43	+ 'submenu_arrow_position' => 'arrow_position',
44	+
45	+ // Sub Menus > Trigger Sizing
46	+ 'submenu_submenu_arrow_height' => 'submenu_arrow_height',
47	+ 'submenu_submenu_arrow_height_unit' => 'submenu_arrow_height_unit',
48	+ 'submenu_submenu_arrow_width' => 'submenu_arrow_width',
49	+ 'submenu_submenu_arrow_width_unit' => 'submenu_arrow_width_unit',
50	+
51	+ // Sub Menus > Trigger Colours
52	+ 'submenu_sub_arrow_shape_colour' => 'menu_sub_arrow_shape_colour',
53	+ 'submenu_sub_arrow_shape_hover_colour' => 'menu_sub_arrow_shape_hover_colour',
54	+ 'submenu_sub_arrow_shape_colour_active' => 'menu_sub_arrow_shape_colour_active',
55	+ 'submenu_sub_arrow_shape_hover_colour_active' => 'menu_sub_arrow_shape_hover_colour_active',
56	+
57	+ // Sub Menus > Trigger Background
58	+ 'submenu_sub_arrow_background_colour' => 'menu_sub_arrow_background_colour',
59	+ 'submenu_sub_arrow_background_hover_colour' => 'menu_sub_arrow_background_hover_colour',
60	+ 'submenu_sub_arrow_background_colour_active' => 'menu_sub_arrow_background_colour_active',
61	+ 'submenu_sub_arrow_background_hover_colour_active' => 'menu_sub_arrow_background_hover_colour_active',
62	+
63	+ // Sub Menus > Trigger Border
64	+ 'submenu_sub_arrow_border_colour' => 'menu_sub_arrow_border_colour',
65	+ 'submenu_sub_arrow_border_hover_colour' => 'menu_sub_arrow_border_hover_colour',
66	+ 'submenu_sub_arrow_border_colour_active' => 'menu_sub_arrow_border_colour_active',
67	+ 'submenu_sub_arrow_border_hover_colour_active' => 'menu_sub_arrow_border_hover_colour_active',
68	+
69	+ // Desktop Menu > Top Level Styling
70	+ 'single_menu_line_height' => 'single_menu_height',
71	+ 'single_menu_line_height_unit' => 'single_menu_height_unit',
72	+
73	+ ];
74	+
75	+ }

app/Tasks/UpdateOptionsTask.php CHANGED Viewed

	@@ -12,7 +12,8 @@ class UpdateOptionsTask {
12	'button_title',
13	'menu_title',
14	'menu_title_link',
15	- 'menu_additional_content'

16	];
17
18	public function run(OptionsCollection $options, View $view) {
	@@ -24,17 +25,11 @@ class UpdateOptionsTask {
24
25	$base_dir = wp_upload_dir()['basedir'] . '/responsive-menu';
26
27	- if(!~~is_dir~~($base_dir))
28	- if(~~!mkdir($base_dir~~))
29	- throw new \Exception('You don\'t have permissions to create data folder - please check permissions.');
30
31	- if(!~~is_dir~~($base_dir . '/~~css~~'))
32	- if(~~!mkdir($base_dir~~ . '~~/css'~~))
33	- throw new \Exception('You don\'t have permissions to create CSS data folder - please check permissions.');
34	-
35	- if(!is_dir($base_dir . '/js'))
36	- if(!mkdir($base_dir . '/js'))
37	- throw new \Exception('You don\'t have permissions to create JS data folder - please check permissions.');
38
39	$css_file = $base_dir . '/css/responsive-menu-' . get_current_blog_id() . '.css';
40	$css_data = $view->render('css/app.css.twig', ['options' => $options]);


12	'button_title',
13	'menu_title',
14	'menu_title_link',
15	+ 'menu_additional_content',
16	+ 'menu_search_box_text'
17	];
18
19	public function run(OptionsCollection $options, View $view) {

25
26	$base_dir = wp_upload_dir()['basedir'] . '/responsive-menu';
27
28	+ if(!wp_mkdir_p($base_dir . '/css'))
29	+ throw new \Exception('You don\'t have permissions to create CSS data folder - please check permissions.');

30
31	+ if(!wp_mkdir_p($base_dir . '/js'))
32	+ throw new \Exception('You don\'t have permissions to create JS data folder - please check permissions.');





33
34	$css_file = $base_dir . '/css/responsive-menu-' . get_current_blog_id() . '.css';
35	$css_data = $view->render('css/app.css.twig', ['options' => $options]);

app/Validation/Validator.php CHANGED Viewed

	@@ -44,6 +44,7 @@ class Validator {
44	'animation_speed',
45	'transition_speed',
46	'sub_menu_speed',

47	'button_font_size',
48	'button_title_line_height',
49	'menu_width',
	@@ -51,14 +52,16 @@ class Validator {
51	'menu_border_width',
52	'menu_font_size',
53	'menu_links_height',

54	'submenu_arrow_height',
55	'submenu_arrow_width',
56	'header_bar_height',
57	'header_bar_font_size',
58	'single_menu_height',

59	'single_menu_font_size',
60	'single_menu_submenu_font_size',
61	- '~~single_menu_submenu_height~~',
62	'menu_depth_0',
63	'menu_depth_1',
64	'menu_depth_2',


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',

52	'menu_border_width',
53	'menu_font_size',
54	'menu_links_height',
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',

config/default_options.php CHANGED Viewed

	@@ -131,6 +131,64 @@ function get_responsive_menu_default_options() {
131	'menu_sub_arrow_shape_hover_colour' => '#fff',
132	'menu_sub_arrow_shape_colour_active' => '#fff',
133	'menu_sub_arrow_shape_hover_colour_active' => '#fff',


























































134	'menu_font' => null,
135	'menu_font_size' => 13,
136	'menu_font_size_unit' => 'px',
	@@ -139,8 +197,11 @@ function get_responsive_menu_default_options() {
139	'menu_text_alignment' => 'left',
140	'menu_links_height' => 40,
141	'menu_links_height_unit' => 'px',


142	'menu_border_width' => 1,
143	'menu_border_width_unit' => 'px',

144	'menu_minimum_width' => null,
145	'menu_minimum_width_unit' => 'px',
146	'menu_maximum_width' => null,
	@@ -150,18 +211,29 @@ function get_responsive_menu_default_options() {
150	'menu_additional_content' => null,
151	'menu_additional_content_colour' => '#fff',
152	'menu_title' => null,


153	'menu_title_image' => null,
154	'menu_title_image_alt' => null,




155	'menu_title_font_icon' => null,
156	'menu_title_font_icon_type' => 'font-awesome',

157	'menu_appear_from' => 'left',
158	'menu_title_link' => null,
159	'menu_title_link_location' => '_self',
160	'menu_width' => 75,
161	'menu_width_unit' => '%',


162	'menu_close_on_link_click' => 'off',
163	'menu_close_on_body_click' => 'off',

164	'enable_touch_gestures' => false,

165	'menu_item_click_to_trigger_submenu' => 'off',
166	'menu_disable_scrolling' => 'off',
167	'menu_overlay' => 'off',
	@@ -194,12 +266,16 @@ function get_responsive_menu_default_options() {
194
195	'single_menu_height' => '80',
196	'single_menu_height_unit' => 'px',


197	'single_menu_font' => null,
198	'single_menu_font_size' => '14',
199	'single_menu_font_size_unit' => 'px',
200
201	- 'single_menu_submenu_height' => ~~'40'~~,
202	- 'single_menu_submenu_height_unit' => 'px',


203	'single_menu_submenu_font' => null,
204	'single_menu_submenu_font_size' => '12',
205	'single_menu_submenu_font_size_unit' => 'px',
	@@ -219,7 +295,7 @@ function get_responsive_menu_default_options() {
219	'header_bar_breakpoint' => '800',
220	'header_bar_logo' => null,
221	'header_bar_logo_height' => null,
222	- 'header_bar_logo_height_unit' => '%',
223	'header_bar_logo_width' => null,
224	'header_bar_logo_width_unit' => '%',
225	'header_bar_logo_alt' => '',
	@@ -238,6 +314,11 @@ function get_responsive_menu_default_options() {
238	'items_order' => '{"title":"on","menu":"on","search":"on","additional content":"on"}',
239	'header_bar_items_order' => '{"logo":"on","title":"on","search":"on","html content":"on"}',
240





241	'fade_submenus' => 'off',
242	'fade_submenus_side' => 'left',
243	'fade_submenus_delay' => 100,


131	'menu_sub_arrow_shape_hover_colour' => '#fff',
132	'menu_sub_arrow_shape_colour_active' => '#fff',
133	'menu_sub_arrow_shape_hover_colour_active' => '#fff',
134	+
135	+ // Sub Menus > Styling
136	+ 'submenu_font' => null,
137	+ 'submenu_font_size' => 13,
138	+ 'submenu_font_size_unit' => 'px',
139	+ 'submenu_links_height' => 40,
140	+ 'submenu_links_height_unit' => 'px',
141	+ 'submenu_links_line_height' => 40,
142	+ 'submenu_links_line_height_unit' => 'px',
143	+ 'submenu_text_alignment' => 'left',
144	+
145	+ // Sub Menus > Item Borders
146	+ 'submenu_border_width' => 1,
147	+ 'submenu_border_width_unit' => 'px',
148	+ 'submenu_item_border_colour' => '#212121',
149	+ 'submenu_item_border_colour_hover' => '#212121',
150	+ 'submenu_current_item_border_colour' => '#212121',
151	+ 'submenu_current_item_border_hover_colour' => '#3f3f3f',
152	+
153	+ // Sub Menus > Item Text
154	+ 'submenu_link_colour' => '#fff',
155	+ 'submenu_link_hover_colour' => '#fff',
156	+ 'submenu_current_link_colour' => '#fff',
157	+ 'submenu_current_link_hover_colour' => '#fff',
158	+
159	+ // Sub Menus > Item Background
160	+ 'submenu_item_background_colour' => '#212121',
161	+ 'submenu_item_background_hover_colour' => '#3f3f3f',
162	+ 'submenu_current_item_background_colour' => '#212121',
163	+ 'submenu_current_item_background_hover_colour' => '#3f3f3f',
164	+
165	+ // Sub Menus > Trigger Icon
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',
173	+
174	+ // Sub Menus > Trigger Colours
175	+ 'submenu_sub_arrow_shape_colour' => '#fff',
176	+ 'submenu_sub_arrow_shape_hover_colour' => '#fff',
177	+ 'submenu_sub_arrow_shape_colour_active' => '#fff',
178	+ 'submenu_sub_arrow_shape_hover_colour_active' => '#fff',
179	+
180	+ // Sub Menus > Trigger Background
181	+ 'submenu_sub_arrow_background_colour' => '#212121',
182	+ 'submenu_sub_arrow_background_hover_colour' => '#3f3f3f',
183	+ 'submenu_sub_arrow_background_colour_active' => '#212121',
184	+ 'submenu_sub_arrow_background_hover_colour_active' => '#3f3f3f',
185	+
186	+ // Sub Menus > Trigger Border
187	+ 'submenu_sub_arrow_border_colour' => '#212121',
188	+ 'submenu_sub_arrow_border_hover_colour' => '#3f3f3f',
189	+ 'submenu_sub_arrow_border_colour_active' => '#212121',
190	+ 'submenu_sub_arrow_border_hover_colour_active' => '#3f3f3f',
191	+
192	'menu_font' => null,
193	'menu_font_size' => 13,
194	'menu_font_size_unit' => 'px',

197	'menu_text_alignment' => 'left',
198	'menu_links_height' => 40,
199	'menu_links_height_unit' => 'px',
200	+ 'menu_links_line_height' => 40,
201	+ 'menu_links_line_height_unit' => 'px',
202	'menu_border_width' => 1,
203	'menu_border_width_unit' => 'px',
204	+
205	'menu_minimum_width' => null,
206	'menu_minimum_width_unit' => 'px',
207	'menu_maximum_width' => null,

211	'menu_additional_content' => null,
212	'menu_additional_content_colour' => '#fff',
213	'menu_title' => null,
214	+
215	+ // Container > Title Image
216	'menu_title_image' => null,
217	'menu_title_image_alt' => null,
218	+ 'menu_title_image_height' => null,
219	+ 'menu_title_image_height_unit' => 'px',
220	+ 'menu_title_image_width' => null,
221	+ 'menu_title_image_width_unit' => '%',
222	'menu_title_font_icon' => null,
223	'menu_title_font_icon_type' => 'font-awesome',
224	+
225	'menu_appear_from' => 'left',
226	'menu_title_link' => null,
227	'menu_title_link_location' => '_self',
228	'menu_width' => 75,
229	'menu_width_unit' => '%',
230	+
231	+ // Container > Technical
232	'menu_close_on_link_click' => 'off',
233	'menu_close_on_body_click' => 'off',
234	+ 'menu_close_on_scroll' => 'off',
235	'enable_touch_gestures' => false,
236	+
237	'menu_item_click_to_trigger_submenu' => 'off',
238	'menu_disable_scrolling' => 'off',
239	'menu_overlay' => 'off',

266
267	'single_menu_height' => '80',
268	'single_menu_height_unit' => 'px',
269	+ 'single_menu_line_height' => '80',
270	+ 'single_menu_line_height_unit' => 'px',
271	'single_menu_font' => null,
272	'single_menu_font_size' => '14',
273	'single_menu_font_size_unit' => 'px',
274
275	+ 'single_menu_submenu_height' => null,
276	+ 'single_menu_submenu_height_unit' => 'auto',
277	+ 'single_menu_submenu_line_height' => '40',
278	+ 'single_menu_submenu_line_height_unit' => 'px',
279	'single_menu_submenu_font' => null,
280	'single_menu_submenu_font_size' => '12',
281	'single_menu_submenu_font_size_unit' => 'px',

295	'header_bar_breakpoint' => '800',
296	'header_bar_logo' => null,
297	'header_bar_logo_height' => null,
298	+ 'header_bar_logo_height_unit' => 'px',
299	'header_bar_logo_width' => null,
300	'header_bar_logo_width_unit' => '%',
301	'header_bar_logo_alt' => '',

314	'items_order' => '{"title":"on","menu":"on","search":"on","additional content":"on"}',
315	'header_bar_items_order' => '{"logo":"on","title":"on","search":"on","html content":"on"}',
316
317	+ // Menu > Animations
318	+ 'smooth_scroll_on' => 'off',
319	+ 'smooth_scroll_speed' => 500,
320	+
321	+ // Menu > Fade Items In
322	'fade_submenus' => 'off',
323	'fade_submenus_side' => 'left',
324	'fade_submenus_delay' => 100,

config/polylang.php CHANGED Viewed

	@@ -10,6 +10,7 @@ if(is_admin()):
10	pll_register_string('menu_title', $options['menu_title'], 'Responsive Menu');
11	pll_register_string('menu_title_link', $options['menu_title_link'], 'Responsive Menu');
12	pll_register_string('menu_additional_content', $options['menu_additional_content'], 'Responsive Menu');

13	endif;
14	});
15	endif;


10	pll_register_string('menu_title', $options['menu_title'], 'Responsive Menu');
11	pll_register_string('menu_title_link', $options['menu_title_link'], 'Responsive Menu');
12	pll_register_string('menu_additional_content', $options['menu_additional_content'], 'Responsive Menu');
13	+ pll_register_string('menu_search_box_text', $options['menu_search_box_text'], 'Responsive Menu');
14	endif;
15	});
16	endif;

public/css/admin/base.css CHANGED Viewed

	@@ -524,7 +524,8 @@
524	}
525
526	#responsive-menu-admin #responsive-menu-custom-css {
527	- height: 500px

528	}
529
530	.rtl #responsive-menu-admin #header-bar-items-order-container .draggable,


524	}
525
526	#responsive-menu-admin #responsive-menu-custom-css {
527	+ height: 500px;
528	+ font-family: 'monospace';
529	}
530
531	.rtl #responsive-menu-admin #header-bar-items-order-container .draggable,

public/css/app.css.twig CHANGED Viewed

@@ -454,7 +454,15 @@ button#responsive-menu-button,
                 #responsive-menu-container #responsive-menu-title #responsive-menu-title-image {
                     display: inline-block;
                     vertical-align: middle;
-            -
                    margin-right: 15px;
+                }
                 #responsive-menu-container #responsive-menu > li.responsive-menu-item:first-child > a {
@@ -466,7 +474,8 @@ button#responsive-menu-button,
+                }
                 #responsive-menu-container #responsive-menu li.responsive-menu-item a {
-            -
                    line-height: {{ options.menu_links_height }}px;
                     border-bottom: {{ options.menu_border_width }}px solid {{ options.menu_item_border_colour }};
                     color: {{ options.menu_link_colour }};
                     background-color: {{ options.menu_item_background_colour }};
@@ -533,6 +542,85 @@ button#responsive-menu-button,
                     border-color: {{ options.menu_current_item_border_hover_colour }};
+                }
                 {% if options.menu_background_image %}
                     #responsive-menu-container #responsive-menu-title,
                     #responsive-menu-container #responsive-menu-title:hover,
@@ -541,8 +629,23 @@ button#responsive-menu-button,
                     #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow,
                     #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow:hover,
                     #responsive-menu-container #responsive-menu li.responsive-menu-item a:hover .responsive-menu-subarrow,
                     #responsive-menu-container #responsive-menu li.responsive-menu-item.responsive-menu-current-item > .responsive-menu-item-link,
                     #responsive-menu-container #responsive-menu li.responsive-menu-item.responsive-menu-current-item > .responsive-menu-item-link:hover,
                     #responsive-menu-container #responsive-menu-wrapper {
                         background: none;
                         border: 0;


454	#responsive-menu-container #responsive-menu-title #responsive-menu-title-image {
455	display: inline-block;
456	vertical-align: middle;
457	+ }
458	+
459	+ #responsive-menu-container #responsive-menu-title #responsive-menu-title-image img {
460	+ {% if options.menu_title_image_height %}
461	+ height: {{ options.menu_title_image_height }}{{ options.menu_title_image_height_unit }};
462	+ {% endif %}
463	+ {% if options.menu_title_image_width %}
464	+ width: {{ options.menu_title_image_width }}{{ options.menu_title_image_width_unit }};
465	+ {% endif %}
466	}
467
468	#responsive-menu-container #responsive-menu > li.responsive-menu-item:first-child > a {

474	}
475
476	#responsive-menu-container #responsive-menu li.responsive-menu-item a {
477	+ height: {{ options.menu_links_height }}px;
478	+ line-height: {{ options.menu_links_line_height }}px;
479	border-bottom: {{ options.menu_border_width }}px solid {{ options.menu_item_border_colour }};
480	color: {{ options.menu_link_colour }};
481	background-color: {{ options.menu_item_background_colour }};

542	border-color: {{ options.menu_current_item_border_hover_colour }};
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 ~ "'" }};
553	+ {% endif %}
554	+ font-size: {{ options.submenu_font_size }}px;
555	+ }
556	+
557	+ #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a {
558	+ height: {{ options.submenu_links_height }}px;
559	+ line-height: {{ options.submenu_links_line_height }}px;
560	+ border-bottom: {{ options.submenu_border_width }}px solid {{ options.submenu_item_border_colour }};
561	+ color: {{ options.submenu_link_colour }};
562	+ background-color: {{ options.submenu_item_background_colour }};
563	+ }
564	+
565	+ #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a:hover {
566	+ color: {{ options.submenu_link_hover_colour }};
567	+ background-color: {{ options.submenu_item_background_hover_colour }};
568	+ border-color: {{ options.submenu_item_border_colour_hover }};
569	+ }
570	+
571	+ #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a:hover .responsive-menu-subarrow {
572	+ color: {{ options.submenu_sub_arrow_shape_hover_colour }};
573	+ border-color: {{ options.submenu_sub_arrow_border_hover_colour }};
574	+ background-color: {{ options.submenu_sub_arrow_background_hover_colour }};
575	+ }
576	+
577	+ #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a:hover .responsive-menu-subarrow.responsive-menu-subarrow-active {
578	+ color: {{ options.submenu_sub_arrow_shape_hover_colour_active }};
579	+ border-color: {{ options.submenu_sub_arrow_border_hover_colour_active }};
580	+ background-color: {{ options.submenu_sub_arrow_background_hover_colour_active }};
581	+ }
582	+
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 }};
590	+ background-color: {{ options.submenu_sub_arrow_background_colour }};
591	+ }
592	+
593	+ #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active {
594	+ color: {{ options.submenu_sub_arrow_shape_colour_active }};
595	+ border-color: {{ options.submenu_sub_arrow_border_colour_active }};
596	+ background-color: {{ options.submenu_sub_arrow_background_colour_active }};
597	+ }
598	+
599	+ #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active:hover {
600	+ color: {{ options.submenu_sub_arrow_shape_hover_colour_active }};
601	+ border-color: {{ options.submenu_sub_arrow_border_hover_colour_active }};
602	+ background-color: {{ options.submenu_sub_arrow_background_hover_colour_active }};
603	+ }
604	+
605	+ #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow:hover {
606	+ color: {{ options.submenu_sub_arrow_shape_hover_colour }};
607	+ border-color: {{ options.submenu_sub_arrow_border_hover_colour }};
608	+ background-color: {{ options.submenu_sub_arrow_background_hover_colour }};
609	+ }
610	+
611	+ #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-current-item > .responsive-menu-item-link {
612	+ background-color: {{ options.submenu_current_item_background_colour }};
613	+ color: {{ options.submenu_current_link_colour }};
614	+ border-color: {{ options.submenu_current_item_border_colour }};
615	+ }
616	+
617	+ #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-current-item > .responsive-menu-item-link:hover {
618	+ background-color: {{ options.submenu_current_item_background_hover_colour }};
619	+ color: {{ options.submenu_current_link_hover_colour }};
620	+ border-color: {{ options.submenu_current_item_border_hover_colour }};
621	+ }
622	+ {# <-- End Sub-Menu Styles #}
623	+
624	{% if options.menu_background_image %}
625	#responsive-menu-container #responsive-menu-title,
626	#responsive-menu-container #responsive-menu-title:hover,

629	#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow,
630	#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow:hover,
631	#responsive-menu-container #responsive-menu li.responsive-menu-item a:hover .responsive-menu-subarrow,
632	+ #responsive-menu-container #responsive-menu li.responsive-menu-item a:hover .responsive-menu-subarrow.responsive-menu-subarrow-active,
633	+ #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active,
634	+ #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active:hover,
635	#responsive-menu-container #responsive-menu li.responsive-menu-item.responsive-menu-current-item > .responsive-menu-item-link,
636	#responsive-menu-container #responsive-menu li.responsive-menu-item.responsive-menu-current-item > .responsive-menu-item-link:hover,
637	+ #responsive-menu-container #responsive-menu > li.responsive-menu-item:first-child > a,
638	+ #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a,
639	+ #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a:hover,
640	+ #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow,
641	+ #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow:hover,
642	+ #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a:hover .responsive-menu-subarrow,
643	+ #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a:hover .responsive-menu-subarrow.responsive-menu-subarrow-active,
644	+ #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active,
645	+ #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active:hover,
646	+ #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item.responsive-menu-current-item > .responsive-menu-item-link,
647	+ #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item.responsive-menu-current-item > .responsive-menu-item-link:hover,
648	+ #responsive-menu-container #responsive-menu ul.responsive-menu-submenu > li.responsive-menu-item:first-child > a,
649	#responsive-menu-container #responsive-menu-wrapper {
650	background: none;
651	border: 0;

public/img/banner.png ADDED Viewed

Binary file

public/js/admin/base.js CHANGED Viewed

	@@ -79,6 +79,7 @@ jQuery(function($) {
79	if(search_query) {
80	$('.tab-pane').show().css('opacity', '1');
81	$('.panel-body small').css('display', 'block');

82
83	$('.control-label').closest('tr').hide();
84	$('.control-label').each(function() {


79	if(search_query) {
80	$('.tab-pane').show().css('opacity', '1');
81	$('.panel-body small').css('display', 'block');
82	+ $('#responsive-menu-desktop-menu-container').parent('.panel').hide();
83
84	$('.control-label').closest('tr').hide();
85	$('.control-label').each(function() {

readme.txt CHANGED Viewed

	@@ -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
6	- Stable tag: 3.1.13
7	Requires PHP: 5.4
8	License: GPLv2 or later
9	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	@@ -24,9 +24,10 @@ Highly customisable Responsive Menu Plugin for WordPress. With over 150 customis
24
25	PHP 5.4+
26
27	- ~~Fully~~ ~~documented~~:
28
29	- [https://responsive.menu/~~docs~~/](https://responsive.menu/~~docs~~/)

30
31	Fully unit tested:
32
	@@ -110,6 +111,18 @@ To view our FAQ, please go to [https://responsive.menu/faq/](https://responsive.
110
111	== Changelog ==
112












113	= 3.1.13 (19th January 2018) =
114	* Move custom data to the uploads folder.
115


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

24
25	PHP 5.4+
26
27	+ Full Knowledgebase and dedicated support forum:
28
29	+ [https://responsive.menu/knowledgebase/](https://responsive.menu/knowledgebase/)
30	+ [https://responsive.menu/forums/forum/pro-support/](https://responsive.menu/forums/forum/pro-support/)
31
32	Fully unit tested:
33

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.
118	+ * Added Height and Width options to Title Image.
119	+ * Added customisable options for sub-menus.
120	+ * Allow translation of search placeholder text.
121	+ * Fixed bug with Adjust Header Bar option.
122	+ * [PRO] Added inner Header Bar HTML element for easier customisation.
123	+ * [PRO] Option to close menu on page scroll.
124	+ * [PRO] Option to smooth scroll same page links.
125	+
126	= 3.1.13 (19th January 2018) =
127	* Move custom data to the uploads folder.
128

responsive-menu.php CHANGED Viewed

	@@ -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.13
8	Author: Peter Featherstone
9	Text Domain: responsive-menu
10	Author URI: https://peterfeatherstone.com
	@@ -22,11 +22,11 @@ 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 />'
29	- ) . '</p></div>';
30	}
31
32	if(version_compare(PHP_VERSION, '5.4', '<'))


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
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 />'
29	+ ) . '</p></div>';
30	}
31
32	if(version_compare(PHP_VERSION, '5.4', '<'))

views/admin/banners.html.twig CHANGED Viewed

	@@ -1,6 +1,6 @@
1	{#
2	Responsive Menu Jinja template file.
3	- Safe to Copy
4	#}
5
6	<div id="upgrade-banner">
	@@ -16,12 +16,12 @@
16	<li>Preview Changes</li>
17	<li>And much more</li>
18	</ul>
19	- <a target="_blank" href="https://responsive.menu?utm_source=~~free-~~plugin&utm_medium=banner&utm_campaign=~~free-plugin-banner~~#pricing" class="button">Upgrade ~~Now~~</a>
20	</div>
21
22	<div id="docs-banner">
23	- Confused? Check out our ~~documentation~~
24	- <a target="_blank" href="https://responsive.menu/~~docs~~" class="button">View ~~Docs~~</a>
25	</div>
26
27	<div id="guide-banner">


1	{#
2	Responsive Menu Jinja template file.
3	+ Not Safe to Copy
4	#}
5
6	<div id="upgrade-banner">

16	<li>Preview Changes</li>
17	<li>And much more</li>
18	</ul>
19	+ <a target="_blank" href="https://responsive.menu?utm_source=plugin&utm_medium=banner&utm_campaign=upgrade#pricing" class="button">Upgrade Today</a>
20	</div>
21
22	<div id="docs-banner">
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">

views/admin/macros.html.twig CHANGED Viewed

	@@ -27,6 +27,18 @@
27	</select>
28	{% endmacro %}
29












30	{% macro animation_select(name, value) %}
31	<select id='responsive-menu-{{ name\|replace({'_': '-'}) }}' class='selectpicker show-tick' name='menu[{{ name }}]'>
32	<option value='slide'{% if value == 'slide' %} selected='selected'{% endif %}>Slide</option>
	@@ -151,6 +163,8 @@
151	{% if class == 'has-unit' %}
152	{% if unit_type == 'pixel' %}
153	{{ macros.pixel_units(name ~ '_unit', options[name ~ '_unit']) }}


154	{% elseif unit_type == 'percentage' %}
155	{{ macros.percentage_units(name ~ '_unit', options[name ~ '_unit']) }}
156	{% endif %}
	@@ -245,12 +259,9 @@
245	</tr>
246	{% endmacro %}
247
248	- {% macro header(title, section~~, url=false~~) %}
249	<div class='panel-body'>
250	{{ title }}
251	- {% if url %}
252	- <a class="docs" href="https://responsive.menu/docs/{{ url }}" target="_blank">Docs</a>
253	- {% endif %}
254	<small>{{ section }}</small>
255	</div>
256	{% endmacro %}


27	</select>
28	{% endmacro %}
29
30	+ {% macro pixel_units_auto(name, value) %}
31	+ <select id='responsive-menu-{{ name\|replace({'_': '-'}) }}' id='responsive-menu-{{ name\|replace({'_': '-'}) }}'class='selectpicker show-tick is-unit' name='menu[{{ name }}]'>
32	+ <option value='auto' selected='selected'>auto</option>
33	+ <option value='px' disabled data-subtext='[PRO]'>px</option>
34	+ <option value='%' disabled data-subtext='[PRO]'>% -</option>
35	+ <option value='em' disabled data-subtext='[PRO]'>em -</option>
36	+ <option value='rem' disabled data-subtext='[PRO]'>rem -</option>
37	+ <option value='vw' disabled data-subtext='[PRO]'>vw -</option>
38	+ <option value='vh' disabled data-subtext='[PRO]'>vh -</option>
39	+ </select>
40	+ {% endmacro %}
41	+
42	{% macro animation_select(name, value) %}
43	<select id='responsive-menu-{{ name\|replace({'_': '-'}) }}' class='selectpicker show-tick' name='menu[{{ name }}]'>
44	<option value='slide'{% if value == 'slide' %} selected='selected'{% endif %}>Slide</option>

163	{% if class == 'has-unit' %}
164	{% if unit_type == 'pixel' %}
165	{{ macros.pixel_units(name ~ '_unit', options[name ~ '_unit']) }}
166	+ {% elseif unit_type == 'pixel_auto' %}
167	+ {{ macros.pixel_units_auto(name ~ '_unit', options[name ~ '_unit']) }}
168	{% elseif unit_type == 'percentage' %}
169	{{ macros.percentage_units(name ~ '_unit', options[name ~ '_unit']) }}
170	{% endif %}

259	</tr>
260	{% endmacro %}
261
262	+ {% macro header(title, section) %}
263	<div class='panel-body'>
264	{{ title }}



265	<small>{{ section }}</small>
266	</div>
267	{% endmacro %}

views/admin/sections/advanced.html.twig CHANGED Viewed

	@@ -8,7 +8,7 @@
8	{% set section = 'Advanced' %}
9
10	<div class='panel panel-default'>
11	- {{ macros.header('Animation Speeds', section~~, '/advanced-setup/advanced/#animation-speeds'~~) }}
12	<table class='table table-bordered table-hover'>
13	{{ macros.row('animation_speed', 'Container', 'input', options, errors, '', '', '', '', 'Specify the speed at which the container slides in.', 's') }}
14	{{ macros.row('transition_speed', 'Colours', 'input', options, errors, '', '', '', '', 'Specify the speed at which colours transition from standard to active or hover states.', 's') }}
	@@ -17,9 +17,9 @@
17	</div>
18
19	<div class='panel panel-default'>
20	- {{ macros.header('Technical', section~~, '/advanced-setup/advanced/#technical'~~) }}
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/~~docs~~/~~advanced~~-~~setup/~~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.') }}
	@@ -28,7 +28,7 @@
28	</div>
29
30	<div class='panel panel-default fully-pro-container'>
31	- {{ macros.header('Page Overlay', section~~, '/advanced-setup/advanced/#page-overlay'~~) }}
32	<table class='table table-bordered table-hover'>
33	{{ macros.row('menu_overlay', 'Enable', 'checkbox', options, errors, '', 'pro', '', '', 'When the menu is open the page will have an overlay covering all but the opened menu and button.') }}
34	{{ macros.row('menu_overlay_colour', 'Colour', 'colour', options, errors, '', 'pro', '', '', 'Set the colour of the page overlay when enabled.', '', '', 'Works nicely with a slight transparency.') }}
	@@ -36,7 +36,7 @@
36	</div>
37
38	<div class='panel panel-default fully-pro-container'>
39	- {{ macros.header('Custom CSS', section~~, '/advanced-setup/advanced/#custom-css'~~) }}
40	<table class='table table-bordered table-hover'>
41	{{ macros.row('custom_css', 'Custom CSS', 'textarea', options, errors, '', 'pro', '', '', 'You can place any Custom CSS you want here. Very useful if you want to make minor tweaks to some margins, paddings or colours or even for whole new layouts or designs.', '', '', 'Accepts any valid CSS rules, including media queries.') }}
42	</table>


8	{% set section = 'Advanced' %}
9
10	<div class='panel panel-default'>
11	+ {{ macros.header('Animation Speeds', section) }}
12	<table class='table table-bordered table-hover'>
13	{{ macros.row('animation_speed', 'Container', 'input', options, errors, '', '', '', '', 'Specify the speed at which the container slides in.', 's') }}
14	{{ macros.row('transition_speed', 'Colours', 'input', options, errors, '', '', '', '', 'Specify the speed at which colours transition from standard to active or hover states.', 's') }}

17	</div>
18
19	<div class='panel panel-default'>
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.') }}

28	</div>
29
30	<div class='panel panel-default fully-pro-container'>
31	+ {{ macros.header('Page Overlay', section) }}
32	<table class='table table-bordered table-hover'>
33	{{ macros.row('menu_overlay', 'Enable', 'checkbox', options, errors, '', 'pro', '', '', 'When the menu is open the page will have an overlay covering all but the opened menu and button.') }}
34	{{ macros.row('menu_overlay_colour', 'Colour', 'colour', options, errors, '', 'pro', '', '', 'Set the colour of the page overlay when enabled.', '', '', 'Works nicely with a slight transparency.') }}

36	</div>
37
38	<div class='panel panel-default fully-pro-container'>
39	+ {{ macros.header('Custom CSS', section) }}
40	<table class='table table-bordered table-hover'>
41	{{ macros.row('custom_css', 'Custom CSS', 'textarea', options, errors, '', 'pro', '', '', 'You can place any Custom CSS you want here. Very useful if you want to make minor tweaks to some margins, paddings or colours or even for whole new layouts or designs.', '', '', 'Accepts any valid CSS rules, including media queries.') }}
42	</table>

views/admin/sections/button.html.twig CHANGED Viewed

	@@ -11,13 +11,13 @@
11	{{ macros.header('Animation', section) }}
12	<table class='table table-bordered table-hover'>
13	{{ macros.row('button_click_animation', 'Type', 'select', options, errors, '', 'semi-pro', 'button_animation', '', 'The plugin comes with many different button animations based on the wonderful work by <a href="https://jonsuh.com" target="_blank">Jon Suh</a>.', '', '', 'To see all animations in action please visit <a href="https://jonsuh.com/hamburgers/" target="_blank">this page</a>.') }}
14	- {{ macros.row('button_trigger_type', 'Triggers', 'selectize', options, errors, '', '~~semi-~~pro', '', '', 'Specify one or more trigger actions that will set off the button animation and cause the menu container to open.') }}
15	{{ macros.row('button_push_with_animation', 'Push Button with Menu', 'checkbox', options, errors, '', '', '', '', 'Force the button to move with the menu container as it opens. Useful if your button is on the same side as your menu container and overlaps when opened.') }}
16	</table>
17	</div>
18
19	<div class='panel panel-default'>
20	- {{ macros.header('Location', section~~, '/basic-setup/button/#animation'~~) }}
21	<table class='table table-bordered table-hover'>
22	{{ macros.row('button_position_type', 'Positioning', 'select', options, errors, '', '', 'position', '', 'Specify how you want the button to stick to your page.', '', '', 'Using relative positioning is useful when combined with the shortcode.') }}
23	{{ macros.row('button_left_or_right', 'Side', 'select', options, errors, '', '', 'left_right', '', 'Specify which side of the page you want the button to be displayed on.', '', '', 'Won\'t work if you have Relative positioning set.') }}
	@@ -27,7 +27,7 @@
27	</div>
28
29	<div class='panel panel-default'>
30	- {{ macros.header('Container Sizing', section~~, '/basic-setup/button/#location'~~) }}
31	<table class='table table-bordered table-hover'>
32	{{ macros.row('button_height', 'Height', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set the height of the buttons containing element and it\'s unit.') }}
33	{{ macros.row('button_width', 'Width', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set the width of the buttons containing element and it\'s unit.') }}
	@@ -35,7 +35,7 @@
35	</div>
36
37	<div class='panel panel-default'>
38	- {{ macros.header('Line Sizing', section~~, '/basic-setup/button/#container-sizing'~~) }}
39	<table class='table table-bordered table-hover'>
40	{{ macros.row('button_line_height', 'Height', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set the height of each individual button line and it\'s unit') }}
41	{{ macros.row('button_line_width', 'Width', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set the width of each individual button line and it\'s unit') }}
	@@ -44,7 +44,7 @@
44	</div>
45
46	<div class='panel panel-default'>
47	- {{ macros.header('Container Background', section~~, '/basic-setup/button/#line-sizing'~~) }}
48	<table class='table table-bordered table-hover'>
49	{{ macros.row('button_background_colour', 'Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the background colour of the button container.') }}
50	{{ macros.row('button_background_colour_hover', 'Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the hover background colour of the button container.') }}
	@@ -54,7 +54,7 @@
54	</div>
55
56	<div class='panel panel-default'>
57	- {{ macros.header('Line Colours', section~~, '/basic-setup/button/#line-colours'~~) }}
58	<table class='table table-bordered table-hover'>
59	{{ macros.row('button_line_colour', 'Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the individual line colour of the button.') }}
60	{{ macros.row('button_line_colour_hover', 'Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the individual hover line colour of the button.') }}
	@@ -63,7 +63,7 @@
63	</div>
64
65	<div class='panel panel-default'>
66	- {{ macros.header('Title', section~~, '/basic-setup/button/#title'~~) }}
67	<table class='table table-bordered table-hover'>
68	{{ macros.row('button_title', 'Text', 'input', options, errors, '', '', '', '', 'Set the button title text.') }}
69	{{ macros.row('button_title_open', 'Active Text', 'input', options, errors, '', '', '', '', 'Set the active button title text.') }}
	@@ -76,7 +76,7 @@
76	</div>
77
78	<div class='panel panel-default'>
79	- {{ macros.header('Image', section~~, '/basic-setup/button/#image'~~) }}
80	<table class='table table-bordered table-hover'>
81	{{ macros.row('button_image', 'Image', 'image', options, errors, '', '', '', '', 'You can set a button image instead of the default 3 lines if desired.') }}
82	{{ macros.row('button_image_alt', 'Alt Text', 'input', options, errors, '', '', '', '', 'Button image alt text.') }}
	@@ -88,7 +88,7 @@
88	</div>
89
90	<div class='panel panel-default'>
91	- {{ macros.header('Advanced', section~~, '/basic-setup/button/#advanced'~~) }}
92	<table class='table table-bordered table-hover'>
93	{{ macros.row('button_click_trigger', 'Trigger', 'input', options, errors, '', '', '', '', 'If you don\'t want to use the button that comes with the menu, you can specify your own container trigger here. Any CSS selector is accepted.', '', '', 'For example "#my-custom-trigger"') }}
94	</table>


11	{{ macros.header('Animation', section) }}
12	<table class='table table-bordered table-hover'>
13	{{ macros.row('button_click_animation', 'Type', 'select', options, errors, '', 'semi-pro', 'button_animation', '', 'The plugin comes with many different button animations based on the wonderful work by <a href="https://jonsuh.com" target="_blank">Jon Suh</a>.', '', '', 'To see all animations in action please visit <a href="https://jonsuh.com/hamburgers/" target="_blank">this page</a>.') }}
14	+ {{ macros.row('button_trigger_type', 'Triggers', 'selectize', options, errors, '', 'pro', '', '', 'Specify one or more trigger actions that will set off the button animation and cause the menu container to open. Useful if you want to open the menu on hover instead of click.') }}
15	{{ macros.row('button_push_with_animation', 'Push Button with Menu', 'checkbox', options, errors, '', '', '', '', 'Force the button to move with the menu container as it opens. Useful if your button is on the same side as your menu container and overlaps when opened.') }}
16	</table>
17	</div>
18
19	<div class='panel panel-default'>
20	+ {{ macros.header('Location', section) }}
21	<table class='table table-bordered table-hover'>
22	{{ macros.row('button_position_type', 'Positioning', 'select', options, errors, '', '', 'position', '', 'Specify how you want the button to stick to your page.', '', '', 'Using relative positioning is useful when combined with the shortcode.') }}
23	{{ macros.row('button_left_or_right', 'Side', 'select', options, errors, '', '', 'left_right', '', 'Specify which side of the page you want the button to be displayed on.', '', '', 'Won\'t work if you have Relative positioning set.') }}

27	</div>
28
29	<div class='panel panel-default'>
30	+ {{ macros.header('Container Sizing', section) }}
31	<table class='table table-bordered table-hover'>
32	{{ macros.row('button_height', 'Height', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set the height of the buttons containing element and it\'s unit.') }}
33	{{ macros.row('button_width', 'Width', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set the width of the buttons containing element and it\'s unit.') }}

35	</div>
36
37	<div class='panel panel-default'>
38	+ {{ macros.header('Line Sizing', section) }}
39	<table class='table table-bordered table-hover'>
40	{{ macros.row('button_line_height', 'Height', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set the height of each individual button line and it\'s unit') }}
41	{{ macros.row('button_line_width', 'Width', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set the width of each individual button line and it\'s unit') }}

44	</div>
45
46	<div class='panel panel-default'>
47	+ {{ macros.header('Container Background', section) }}
48	<table class='table table-bordered table-hover'>
49	{{ macros.row('button_background_colour', 'Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the background colour of the button container.') }}
50	{{ macros.row('button_background_colour_hover', 'Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the hover background colour of the button container.') }}

54	</div>
55
56	<div class='panel panel-default'>
57	+ {{ macros.header('Line Colours', section) }}
58	<table class='table table-bordered table-hover'>
59	{{ macros.row('button_line_colour', 'Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the individual line colour of the button.') }}
60	{{ macros.row('button_line_colour_hover', 'Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the individual hover line colour of the button.') }}

63	</div>
64
65	<div class='panel panel-default'>
66	+ {{ macros.header('Title', section) }}
67	<table class='table table-bordered table-hover'>
68	{{ macros.row('button_title', 'Text', 'input', options, errors, '', '', '', '', 'Set the button title text.') }}
69	{{ macros.row('button_title_open', 'Active Text', 'input', options, errors, '', '', '', '', 'Set the active button title text.') }}

76	</div>
77
78	<div class='panel panel-default'>
79	+ {{ macros.header('Image', section) }}
80	<table class='table table-bordered table-hover'>
81	{{ macros.row('button_image', 'Image', 'image', options, errors, '', '', '', '', 'You can set a button image instead of the default 3 lines if desired.') }}
82	{{ macros.row('button_image_alt', 'Alt Text', 'input', options, errors, '', '', '', '', 'Button image alt text.') }}

88	</div>
89
90	<div class='panel panel-default'>
91	+ {{ macros.header('Advanced', section) }}
92	<table class='table table-bordered table-hover'>
93	{{ macros.row('button_click_trigger', 'Trigger', 'input', options, errors, '', '', '', '', 'If you don\'t want to use the button that comes with the menu, you can specify your own container trigger here. Any CSS selector is accepted.', '', '', 'For example "#my-custom-trigger"') }}
94	</table>

views/admin/sections/container.html.twig CHANGED Viewed

	@@ -8,14 +8,14 @@
8	{% set section = 'Container' %}
9
10	<div class='panel panel-default'>
11	- {{ macros.header('Ordering', section~~, '/basic-setup/container/#ordering'~~) }}
12	<table class='table table-bordered table-hover'>
13	{% include 'admin/sections/modules/container-ordering.html.twig' %}
14	</table>
15	</div>
16
17	<div class='panel panel-default'>
18	- {{ macros.header('Sizing', section~~, '/basic-setup/container/#sizing'~~) }}
19	<table class='table table-bordered table-hover'>
20	{{ macros.row('menu_width', 'Width', 'input', options, errors, 'has-unit', 'semi-pro', '', 'percentage', 'Set the width of the container once the button has been pressed.') }}
21	{{ macros.row('menu_maximum_width', 'Maximum Width', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set a maximum width on the container, useful if you don\'t want it to be unnecessarily large on wider screens.') }}
	@@ -25,7 +25,7 @@
25	</div>
26
27	<div class='panel panel-default'>
28	- {{ macros.header('Background', section~~, '/basic-setup/container/#background'~~) }}
29	<table class='table table-bordered table-hover'>
30	{{ macros.row('menu_background_image', 'Image', 'image', options, errors, '', '', '', '', 'Set a background image which covers the entire container.') }}
31	{{ macros.row('menu_container_background_colour', 'Container Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set a background colour for the container that stretches the full height of the screen.') }}
	@@ -34,7 +34,7 @@
34	</div>
35
36	<div class='panel panel-default'>
37	- {{ macros.header('Title Text', section~~, '/basic-setup/container/#title-text'~~) }}
38	<table class='table table-bordered table-hover'>
39	{{ macros.row('menu_title_font_size', 'Font Size', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Specify a font size for the title') }}
40	{{ macros.row('menu_title', 'Text', 'input', options, errors, '', '', '', '', 'Set the title text to appear for the title section.') }}
	@@ -44,7 +44,7 @@
44	</div>
45
46	<div class='panel panel-default'>
47	- {{ macros.header('Title Colours', section~~, '/basic-setup/container/#title-colours'~~) }}
48	<table class='table table-bordered table-hover'>
49	{{ macros.row('menu_title_background_colour', 'Background', 'colour', options, errors, '', 'semi-pro', '', '', 'You can specify a separate background colour for the title section if you wish.') }}
50	{{ macros.row('menu_title_background_hover_colour', 'Background Hover', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the title section background colour when the mouse is rolled over it.') }}
	@@ -54,16 +54,18 @@
54	</div>
55
56	<div class='panel panel-default'>
57	- {{ macros.header('Title Image', section~~, '/basic-setup/container/#title-image'~~) }}
58	<table class='table table-bordered table-hover'>
59	{{ macros.row('menu_title_image', 'Image', 'image', options, errors, '', '', '', '', 'Specify an image to show alongside the title.') }}


60	{{ macros.row('menu_title_image_alt', 'Alt Text', 'input', options, errors, '', '', '', '', 'Specify the alt text used with the title image if selected.') }}
61	{{ macros.row('menu_title_font_icon', 'Font Icon', 'font-icon', options, errors, '', 'pro', '', '', 'Specify a font icon to go alongside the title.', '', '', 'This will overwrite the image option above.') }}
62	</table>
63	</div>
64
65	<div class='panel panel-default'>
66	- {{ macros.header('Additional Content', section~~, '/basic-setup/container/#additional-content'~~) }}
67	<table class='table table-bordered table-hover'>
68	{{ macros.row('menu_additional_content', 'Content', 'textarea', options, errors, '', '', '', '', 'This section allows you to put any custom HTML, shortcodes, text or anything you like to supplement the other container items.<br /><br />It\'s particularly useful if you have social media icons, shopping cart information or anything else custom to your site.', '', '', 'HTML and shortcodes can be used here.') }}
69	{{ macros.row('menu_additional_content_colour', 'Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'You can set the text colour of the additional content here if you desire.') }}
	@@ -71,7 +73,7 @@
71	</div>
72
73	<div class='panel panel-default'>
74	- {{ macros.header('Animation', section~~, '/basic-setup/container/#animation'~~) }}
75	<table class='table table-bordered table-hover'>
76	{{ macros.row('menu_appear_from', 'Appear From', 'select', options, errors, '', '', 'side', '', 'This determines which side of the screen the container appears from.') }}
77	{{ macros.row('animation_type', 'Type', 'select', options, errors, '', 'semi-pro', 'animation', '', 'You can choose the type of animation used for showing the container. Currently there are 3 options:<ul><li><strong>Slide</strong> - Slides the container in from the location specified above.</li><li><strong>Push</strong> - Used if you want to push your page across when the container slides in.</li><li><strong>Fade</strong> - Used if you want to fade the container in on the page rather than sliding in.</li></ul>') }}
	@@ -80,7 +82,7 @@
80	</div>
81
82	<div class='panel panel-default'>
83	- {{ macros.header('Search', section~~, '/basic-setup/container/#search'~~) }}
84	<table class='table table-bordered table-hover'>
85	{{ macros.row('menu_search_box_text_colour', 'Text Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the text colour of the search text that a user types in.') }}
86	{{ macros.row('menu_search_box_border_colour', 'Border Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the border colour for the search box.') }}
	@@ -91,16 +93,17 @@
91	</div>
92
93	<div class='panel panel-default'>
94	- {{ macros.header('Technical', section~~, '/basic-setup/container/#technical'~~) }}
95	<table class='table table-bordered table-hover'>
96	{{ macros.row('menu_close_on_body_click', 'Close on Page Clicks', 'checkbox', options, errors, '', '', '', '', 'Set this if you want the container to close whenever you click or tap on the page.') }}
97	{{ macros.row('menu_close_on_link_click', 'Close on Link Clicks', 'checkbox', options, errors, '', '', '', '', 'Set this if you want the container to close whenever you click or tap on any of the menu link items.', '', '', 'Useful on one page sites where the page doesn\'t reload.') }}

98	{{ macros.row('enable_touch_gestures', 'Enable Touch Gestures', 'checkbox', options, errors, '', 'pro', '', '', 'This will enable you to drag or swipe to close the container on touch devices.') }}
99	</table>
100	</div>
101
102	<div class='panel panel-default fully-pro-container'>
103	- {{ macros.header('Keyboard Shortcuts', section~~, '/basic-setup/container/#keyboard-shortcuts'~~) }}
104	<table class='table table-bordered table-hover'>
105	{{ macros.row('keyboard_shortcut_close_menu', 'Close', 'selectize', options, errors, 'keyboard-shortcuts', 'pro', '', '', 'Select some keyboard shortcuts that will close the container when pressed.') }}
106	{{ macros.row('keyboard_shortcut_open_menu', 'Open', 'selectize', options, errors, 'keyboard-shortcuts', 'pro', '', '', 'Select some keyboard shortcuts that will open the container when pressed.') }}


8	{% set section = 'Container' %}
9
10	<div class='panel panel-default'>
11	+ {{ macros.header('Ordering', section) }}
12	<table class='table table-bordered table-hover'>
13	{% include 'admin/sections/modules/container-ordering.html.twig' %}
14	</table>
15	</div>
16
17	<div class='panel panel-default'>
18	+ {{ macros.header('Sizing', section) }}
19	<table class='table table-bordered table-hover'>
20	{{ macros.row('menu_width', 'Width', 'input', options, errors, 'has-unit', 'semi-pro', '', 'percentage', 'Set the width of the container once the button has been pressed.') }}
21	{{ macros.row('menu_maximum_width', 'Maximum Width', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set a maximum width on the container, useful if you don\'t want it to be unnecessarily large on wider screens.') }}

25	</div>
26
27	<div class='panel panel-default'>
28	+ {{ macros.header('Background', section) }}
29	<table class='table table-bordered table-hover'>
30	{{ macros.row('menu_background_image', 'Image', 'image', options, errors, '', '', '', '', 'Set a background image which covers the entire container.') }}
31	{{ macros.row('menu_container_background_colour', 'Container Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set a background colour for the container that stretches the full height of the screen.') }}

34	</div>
35
36	<div class='panel panel-default'>
37	+ {{ macros.header('Title Text', section) }}
38	<table class='table table-bordered table-hover'>
39	{{ macros.row('menu_title_font_size', 'Font Size', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Specify a font size for the title') }}
40	{{ macros.row('menu_title', 'Text', 'input', options, errors, '', '', '', '', 'Set the title text to appear for the title section.') }}

44	</div>
45
46	<div class='panel panel-default'>
47	+ {{ macros.header('Title Colours', section) }}
48	<table class='table table-bordered table-hover'>
49	{{ macros.row('menu_title_background_colour', 'Background', 'colour', options, errors, '', 'semi-pro', '', '', 'You can specify a separate background colour for the title section if you wish.') }}
50	{{ macros.row('menu_title_background_hover_colour', 'Background Hover', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the title section background colour when the mouse is rolled over it.') }}

54	</div>
55
56	<div class='panel panel-default'>
57	+ {{ macros.header('Title Image', section) }}
58	<table class='table table-bordered table-hover'>
59	{{ macros.row('menu_title_image', 'Image', 'image', options, errors, '', '', '', '', 'Specify an image to show alongside the title.') }}
60	+ {{ macros.row('menu_title_image_height', 'Height', 'input', options, errors, 'has-unit', '', '', 'pixel', 'Set a height for the title image.') }}
61	+ {{ macros.row('menu_title_image_width', 'Width', 'input', options, errors, 'has-unit', '', '', 'percentage', 'Set a width for the title image.') }}
62	{{ macros.row('menu_title_image_alt', 'Alt Text', 'input', options, errors, '', '', '', '', 'Specify the alt text used with the title image if selected.') }}
63	{{ macros.row('menu_title_font_icon', 'Font Icon', 'font-icon', options, errors, '', 'pro', '', '', 'Specify a font icon to go alongside the title.', '', '', 'This will overwrite the image option above.') }}
64	</table>
65	</div>
66
67	<div class='panel panel-default'>
68	+ {{ macros.header('Additional Content', section) }}
69	<table class='table table-bordered table-hover'>
70	{{ macros.row('menu_additional_content', 'Content', 'textarea', options, errors, '', '', '', '', 'This section allows you to put any custom HTML, shortcodes, text or anything you like to supplement the other container items.<br /><br />It\'s particularly useful if you have social media icons, shopping cart information or anything else custom to your site.', '', '', 'HTML and shortcodes can be used here.') }}
71	{{ macros.row('menu_additional_content_colour', 'Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'You can set the text colour of the additional content here if you desire.') }}

73	</div>
74
75	<div class='panel panel-default'>
76	+ {{ macros.header('Animation', section) }}
77	<table class='table table-bordered table-hover'>
78	{{ macros.row('menu_appear_from', 'Appear From', 'select', options, errors, '', '', 'side', '', 'This determines which side of the screen the container appears from.') }}
79	{{ macros.row('animation_type', 'Type', 'select', options, errors, '', 'semi-pro', 'animation', '', 'You can choose the type of animation used for showing the container. Currently there are 3 options:<ul><li><strong>Slide</strong> - Slides the container in from the location specified above.</li><li><strong>Push</strong> - Used if you want to push your page across when the container slides in.</li><li><strong>Fade</strong> - Used if you want to fade the container in on the page rather than sliding in.</li></ul>') }}

82	</div>
83
84	<div class='panel panel-default'>
85	+ {{ macros.header('Search', section) }}
86	<table class='table table-bordered table-hover'>
87	{{ macros.row('menu_search_box_text_colour', 'Text Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the text colour of the search text that a user types in.') }}
88	{{ macros.row('menu_search_box_border_colour', 'Border Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the border colour for the search box.') }}

93	</div>
94
95	<div class='panel panel-default'>
96	+ {{ macros.header('Technical', section) }}
97	<table class='table table-bordered table-hover'>
98	{{ macros.row('menu_close_on_body_click', 'Close on Page Clicks', 'checkbox', options, errors, '', '', '', '', 'Set this if you want the container to close whenever you click or tap on the page.') }}
99	{{ macros.row('menu_close_on_link_click', 'Close on Link Clicks', 'checkbox', options, errors, '', '', '', '', 'Set this if you want the container to close whenever you click or tap on any of the menu link items.', '', '', 'Useful on one page sites where the page doesn\'t reload.') }}
100	+ {{ macros.row('menu_close_on_scroll', 'Close on Page Scroll', 'checkbox', options, errors, '', 'pro', '', '', 'Set this if you want the container to close whenever you scroll the page.') }}
101	{{ macros.row('enable_touch_gestures', 'Enable Touch Gestures', 'checkbox', options, errors, '', 'pro', '', '', 'This will enable you to drag or swipe to close the container on touch devices.') }}
102	</table>
103	</div>
104
105	<div class='panel panel-default fully-pro-container'>
106	+ {{ macros.header('Keyboard Shortcuts', section) }}
107	<table class='table table-bordered table-hover'>
108	{{ macros.row('keyboard_shortcut_close_menu', 'Close', 'selectize', options, errors, 'keyboard-shortcuts', 'pro', '', '', 'Select some keyboard shortcuts that will close the container when pressed.') }}
109	{{ macros.row('keyboard_shortcut_open_menu', 'Open', 'selectize', options, errors, 'keyboard-shortcuts', 'pro', '', '', 'Select some keyboard shortcuts that will open the container when pressed.') }}

views/admin/sections/desktop-menu.html.twig CHANGED Viewed

	@@ -8,19 +8,19 @@
8	{% set section = 'Desktop Menu' %}
9
10	<div class='panel panel-default fully-pro-container'>
11	- {{ macros.header('Enable', section~~, '/advanced-setup/desktop-menu/#enable'~~) }}
12	<table class='table table-bordered table-hover'>
13	{{ macros.row('use_desktop_menu', 'Enable', 'checkbox', options, errors, '', 'pro', '', '', 'Enable the Desktop Menu.') }}
14	</table>
15	</div>
16
17	<div class="panel panel-default fully-pro-container">
18	- {{ macros.header('Settings', section~~, '/advanced-setup/desktop-menu/#settings'~~) }}
19	{% include 'admin/sections/modules/desktop-menu-settings.html.twig' %}
20	</div>
21
22	<div class='panel panel-default fully-pro-container'>
23	- {{ macros.header('General Setup', section~~, '/advanced-setup/desktop-menu/#general-setup'~~) }}
24	<table class='table table-bordered table-hover'>
25	{{ macros.row('desktop_menu_positioning', 'Positioning', 'select', options, errors, '', 'pro', 'position', '', 'Specify how you want the menu to stick to your page.', '', '', 'Using relative positioning is useful when combined with the shortcode.') }}
26	{{ macros.row('desktop_menu_width', 'Width', 'input', options, errors, 'has-unit', 'pro', '', 'percentage', 'Set the width of the desktop menu and it\'s unit.', '', '', 'Leave blank to keep the width auto.') }}
	@@ -29,7 +29,7 @@
29	</div>
30
31	<div class='panel panel-default fully-pro-container'>
32	- {{ macros.header('Top Level Link Colours', section~~, '/advanced-setup/desktop-menu/#top-level-link-colours'~~) }}
33	<table class='table table-bordered table-hover'>
34	{{ macros.row('single_menu_item_background_colour', 'Background', 'colour', options, errors, '', 'pro', '', '', 'Set the background colour for the top level menu items.') }}
35	{{ macros.row('single_menu_item_background_colour_hover', 'Background Hover', 'colour', options, errors, '', 'pro', '', '', 'Set the background hover colour for the top level menu items.') }}
	@@ -39,7 +39,7 @@
39	</div>
40
41	<div class='panel panel-default fully-pro-container'>
42	- {{ macros.header('Sub Menu Link Colours', section~~, '/advanced-setup/desktop-menu/#sub-menu-link-colours'~~) }}
43	<table class='table table-bordered table-hover'>
44	{{ macros.row('single_menu_item_submenu_background_colour', 'Background', 'colour', options, errors, '', 'pro', '', '', 'Set the background colour for the sub menu items.') }}
45	{{ macros.row('single_menu_item_submenu_background_colour_hover', 'Background Hover', 'colour', options, errors, '', 'pro', '', '', 'Set the background hover colour for the sub menu items.') }}
	@@ -49,19 +49,21 @@
49	</div>
50
51	<div class='panel panel-default fully-pro-container'>
52	- {{ macros.header('Top Level Styling', section~~, '/advanced-setup/desktop-menu/#top-level-styling'~~) }}
53	<table class='table table-bordered table-hover'>
54	{{ macros.row('single_menu_font', 'Font', 'input', options, errors, '', 'pro', '', '', 'Set the font for the menu items. The font must already be installed as part of your theme or a browser inbuilt one.', '', '', 'For example "Open Sans"') }}
55	{{ macros.row('single_menu_font_size', 'Font size', 'input', options, errors, 'has-unit', 'pro', '', 'pixel', 'Set the text size of the menu items and their unit.') }}
56	{{ macros.row('single_menu_height', 'Height', 'input', options, errors, 'has-unit', 'pro', '', 'pixel', 'Set the height of the top level menu items and their unit.') }}

57	</table>
58	</div>
59
60	<div class='panel panel-default fully-pro-container'>
61	- {{ macros.header('Sub Menu Styling', section~~, '/advanced-setup/desktop-menu/#sub-menu-styling'~~) }}
62	<table class='table table-bordered table-hover'>
63	{{ macros.row('single_menu_submenu_font', 'Font', 'input', options, errors, '', 'pro', '', '', 'Set the font for the sub menu items. The font must already be installed as part of your theme or a browser inbuilt one.', '', '', 'For example "Open Sans"') }}
64	{{ macros.row('single_menu_submenu_font_size', 'Font size', 'input', options, errors, 'has-unit', 'pro', '', 'pixel', 'Set the text size of the sub menu items and their unit.') }}
65	- {{ macros.row('single_menu_submenu_height', 'Height', 'input', options, errors, 'has-unit', 'pro', '', '~~pixel~~', 'Set the height of the sub menu items and their unit.') }}

66	</table>
67	</div>


8	{% set section = 'Desktop Menu' %}
9
10	<div class='panel panel-default fully-pro-container'>
11	+ {{ macros.header('Enable', section) }}
12	<table class='table table-bordered table-hover'>
13	{{ macros.row('use_desktop_menu', 'Enable', 'checkbox', options, errors, '', 'pro', '', '', 'Enable the Desktop Menu.') }}
14	</table>
15	</div>
16
17	<div class="panel panel-default fully-pro-container">
18	+ {{ macros.header('Settings', section) }}
19	{% include 'admin/sections/modules/desktop-menu-settings.html.twig' %}
20	</div>
21
22	<div class='panel panel-default fully-pro-container'>
23	+ {{ macros.header('General Setup', section) }}
24	<table class='table table-bordered table-hover'>
25	{{ macros.row('desktop_menu_positioning', 'Positioning', 'select', options, errors, '', 'pro', 'position', '', 'Specify how you want the menu to stick to your page.', '', '', 'Using relative positioning is useful when combined with the shortcode.') }}
26	{{ macros.row('desktop_menu_width', 'Width', 'input', options, errors, 'has-unit', 'pro', '', 'percentage', 'Set the width of the desktop menu and it\'s unit.', '', '', 'Leave blank to keep the width auto.') }}

29	</div>
30
31	<div class='panel panel-default fully-pro-container'>
32	+ {{ macros.header('Top Level Link Colours', section) }}
33	<table class='table table-bordered table-hover'>
34	{{ macros.row('single_menu_item_background_colour', 'Background', 'colour', options, errors, '', 'pro', '', '', 'Set the background colour for the top level menu items.') }}
35	{{ macros.row('single_menu_item_background_colour_hover', 'Background Hover', 'colour', options, errors, '', 'pro', '', '', 'Set the background hover colour for the top level menu items.') }}

39	</div>
40
41	<div class='panel panel-default fully-pro-container'>
42	+ {{ macros.header('Sub Menu Link Colours', section) }}
43	<table class='table table-bordered table-hover'>
44	{{ macros.row('single_menu_item_submenu_background_colour', 'Background', 'colour', options, errors, '', 'pro', '', '', 'Set the background colour for the sub menu items.') }}
45	{{ macros.row('single_menu_item_submenu_background_colour_hover', 'Background Hover', 'colour', options, errors, '', 'pro', '', '', 'Set the background hover colour for the sub menu items.') }}

49	</div>
50
51	<div class='panel panel-default fully-pro-container'>
52	+ {{ macros.header('Top Level Styling', section) }}
53	<table class='table table-bordered table-hover'>
54	{{ macros.row('single_menu_font', 'Font', 'input', options, errors, '', 'pro', '', '', 'Set the font for the menu items. The font must already be installed as part of your theme or a browser inbuilt one.', '', '', 'For example "Open Sans"') }}
55	{{ macros.row('single_menu_font_size', 'Font size', 'input', options, errors, 'has-unit', 'pro', '', 'pixel', 'Set the text size of the menu items and their unit.') }}
56	{{ macros.row('single_menu_height', 'Height', 'input', options, errors, 'has-unit', 'pro', '', 'pixel', 'Set the height of the top level menu items and their unit.') }}
57	+ {{ macros.row('single_menu_line_height', 'Line Height', 'input', options, errors, 'has-unit', 'pro', '', 'pixel', 'Set the line height of the top level menu items and their unit.') }}
58	</table>
59	</div>
60
61	<div class='panel panel-default fully-pro-container'>
62	+ {{ macros.header('Sub Menu Styling', section) }}
63	<table class='table table-bordered table-hover'>
64	{{ macros.row('single_menu_submenu_font', 'Font', 'input', options, errors, '', 'pro', '', '', 'Set the font for the sub menu items. The font must already be installed as part of your theme or a browser inbuilt one.', '', '', 'For example "Open Sans"') }}
65	{{ macros.row('single_menu_submenu_font_size', 'Font size', 'input', options, errors, 'has-unit', 'pro', '', 'pixel', 'Set the text size of the sub menu items and their unit.') }}
66	+ {{ macros.row('single_menu_submenu_height', 'Height', 'input', options, errors, 'has-unit', 'pro', '', 'pixel_auto', 'Set the height of the sub menu items and their unit.', '', '', 'Setting the unit size to auto will take presedence.') }}
67	+ {{ macros.row('single_menu_submenu_line_height', 'Line Height', 'input', options, errors, 'has-unit', 'pro', '', 'pixel', 'Set the line height of the sub menu items and their unit.') }}
68	</table>
69	</div>

views/admin/sections/header-bar.html.twig CHANGED Viewed

	@@ -8,7 +8,7 @@
8	{% set section = 'Header Bar' %}
9
10	<div class='panel panel-default fully-pro-container'>
11	- {{ macros.header('Initial Setup', section~~, '/advanced-setup/header-bar/#initial-setup'~~) }}
12	<table class='table table-bordered table-hover'>
13	{{ macros.row('use_header_bar', 'Enabled', 'checkbox', options, errors, '', 'pro', '', '', 'Turning this on will make the Header Bar show on your site automatically.') }}
14	{{ macros.row('header_bar_position_type', 'Positioning', 'select', options, errors, '', 'pro', 'position', '', 'Specify how you want the button to stick to your page.', '', '', 'Using relative positioning is useful when combined with the shortcode.') }}
	@@ -17,15 +17,15 @@
17	</div>
18
19	<div class='panel panel-default fully-pro-container'>
20	- {{ macros.header('Ordering', section~~, '/advanced-setup/header-bar/#header-bar-ordering'~~) }}
21	{% include 'admin/sections/modules/header-bar-ordering.html.twig' %}
22	</div>
23
24	<div class='panel panel-default fully-pro-container'>
25	- {{ macros.header('Logo', section~~, '/advanced-setup/header-bar/#logo'~~) }}
26	<table class='table table-bordered table-hover'>
27	{{ macros.row('header_bar_logo', 'Image', 'image', options, errors, '', 'pro', '', '', 'Set a logo image for use on the header bar.') }}
28	- {{ macros.row('header_bar_logo_height', 'Height', 'input', options, errors, 'has-unit', 'pro', '', '~~percentage~~', 'Set a height for the logo image.') }}
29	{{ macros.row('header_bar_logo_width', 'Width', 'input', options, errors, 'has-unit', 'pro', '', 'percentage', 'Set a width for the logo image.') }}
30	{{ macros.row('header_bar_logo_alt', 'Alt Text', 'input', options, errors, '', 'pro', '', '', 'Set the alt text for the logo image.') }}
31	{{ macros.row('header_bar_logo_link', 'Link', 'input', options, errors, '', 'pro', '', '', 'Set a link for the logo image.') }}
	@@ -33,21 +33,21 @@
33	</div>
34
35	<div class='panel panel-default fully-pro-container'>
36	- {{ macros.header('Title', section~~, '/advanced-setup/header-bar/#title'~~) }}
37	<table class='table table-bordered table-hover'>
38	{{ macros.row('header_bar_title', 'Text', 'input', options, errors, '', 'pro', '', '', 'Set a text title for use on the header bar.') }}
39	</table>
40	</div>
41
42	<div class='panel panel-default fully-pro-container'>
43	- {{ macros.header('Content', section~~, '/advanced-setup/header-bar/#content'~~) }}
44	<table class='table table-bordered table-hover'>
45	{{ macros.row('header_bar_html_content', 'HTML Content', 'textarea', options, errors, '', 'pro', '', '', 'This section allows you to put any custom HTML, shortcodes, text or anything you like to the header bar.<br /><br />It\'s particularly useful if you have social media icons, shopping cart information or anything else custom to your site.', '', '', 'HTML and shortcodes can be used here.') }}
46	</table>
47	</div>
48
49	<div class='panel panel-default fully-pro-container'>
50	- {{ macros.header('Text', section~~, '/advanced-setup/header-bar/#text'~~) }}
51	<table class='table table-bordered table-hover'>
52	{{ macros.row('header_bar_font', 'Font', 'input', options, errors, '', 'pro', '', '', 'Set the font for the header bar text. The font must already be installed as part of your theme or a browser inbuilt one.', '', '', 'For example "Open Sans"') }}
53	{{ macros.row('header_bar_font_size', 'Font Size', 'input', options, errors, 'has-unit', 'pro', '', 'pixel', 'Set the text size of the header bar and it\'s unit.') }}
	@@ -55,7 +55,7 @@
55	</div>
56
57	<div class='panel panel-default fully-pro-container'>
58	- {{ macros.header('Sizing', section~~, '/advanced-setup/header-bar/#sizing'~~) }}
59	<table class='table table-bordered table-hover'>
60	{{ macros.row('header_bar_height', 'Height', 'input', options, errors, 'has-unit', 'pro', '', 'pixel', 'Set the height of the header bar and it\'s unit.') }}
61	{{ macros.row('header_bar_adjust_page', 'Adjust Page', 'checkbox', options, errors, '', 'pro', '', '', 'Turning this on will automatically adjust your page to bring the content down inline with the header bar.') }}
	@@ -63,7 +63,7 @@
63	</div>
64
65	<div class='panel panel-default fully-pro-container'>
66	- {{ macros.header('Colours', section~~, '/advanced-setup/header-bar/#colours'~~) }}
67	<table class='table table-bordered table-hover'>
68	{{ macros.row('header_bar_background_color', 'Background', 'colour', options, errors, '', 'pro', '', '', 'Set the background colour for the header bar.') }}
69	{{ macros.row('header_bar_text_color', 'Text', 'colour', options, errors, '', 'pro', '', '', 'Set the text colour for the header bar text.') }}


8	{% set section = 'Header Bar' %}
9
10	<div class='panel panel-default fully-pro-container'>
11	+ {{ macros.header('Initial Setup', section) }}
12	<table class='table table-bordered table-hover'>
13	{{ macros.row('use_header_bar', 'Enabled', 'checkbox', options, errors, '', 'pro', '', '', 'Turning this on will make the Header Bar show on your site automatically.') }}
14	{{ macros.row('header_bar_position_type', 'Positioning', 'select', options, errors, '', 'pro', 'position', '', 'Specify how you want the button to stick to your page.', '', '', 'Using relative positioning is useful when combined with the shortcode.') }}

17	</div>
18
19	<div class='panel panel-default fully-pro-container'>
20	+ {{ macros.header('Ordering', section) }}
21	{% include 'admin/sections/modules/header-bar-ordering.html.twig' %}
22	</div>
23
24	<div class='panel panel-default fully-pro-container'>
25	+ {{ macros.header('Logo', section) }}
26	<table class='table table-bordered table-hover'>
27	{{ macros.row('header_bar_logo', 'Image', 'image', options, errors, '', 'pro', '', '', 'Set a logo image for use on the header bar.') }}
28	+ {{ macros.row('header_bar_logo_height', 'Height', 'input', options, errors, 'has-unit', 'pro', '', 'pixel', 'Set a height for the logo image.') }}
29	{{ macros.row('header_bar_logo_width', 'Width', 'input', options, errors, 'has-unit', 'pro', '', 'percentage', 'Set a width for the logo image.') }}
30	{{ macros.row('header_bar_logo_alt', 'Alt Text', 'input', options, errors, '', 'pro', '', '', 'Set the alt text for the logo image.') }}
31	{{ macros.row('header_bar_logo_link', 'Link', 'input', options, errors, '', 'pro', '', '', 'Set a link for the logo image.') }}

33	</div>
34
35	<div class='panel panel-default fully-pro-container'>
36	+ {{ macros.header('Title', section) }}
37	<table class='table table-bordered table-hover'>
38	{{ macros.row('header_bar_title', 'Text', 'input', options, errors, '', 'pro', '', '', 'Set a text title for use on the header bar.') }}
39	</table>
40	</div>
41
42	<div class='panel panel-default fully-pro-container'>
43	+ {{ macros.header('Content', section) }}
44	<table class='table table-bordered table-hover'>
45	{{ macros.row('header_bar_html_content', 'HTML Content', 'textarea', options, errors, '', 'pro', '', '', 'This section allows you to put any custom HTML, shortcodes, text or anything you like to the header bar.<br /><br />It\'s particularly useful if you have social media icons, shopping cart information or anything else custom to your site.', '', '', 'HTML and shortcodes can be used here.') }}
46	</table>
47	</div>
48
49	<div class='panel panel-default fully-pro-container'>
50	+ {{ macros.header('Text', section) }}
51	<table class='table table-bordered table-hover'>
52	{{ macros.row('header_bar_font', 'Font', 'input', options, errors, '', 'pro', '', '', 'Set the font for the header bar text. The font must already be installed as part of your theme or a browser inbuilt one.', '', '', 'For example "Open Sans"') }}
53	{{ macros.row('header_bar_font_size', 'Font Size', 'input', options, errors, 'has-unit', 'pro', '', 'pixel', 'Set the text size of the header bar and it\'s unit.') }}

55	</div>
56
57	<div class='panel panel-default fully-pro-container'>
58	+ {{ macros.header('Sizing', section) }}
59	<table class='table table-bordered table-hover'>
60	{{ macros.row('header_bar_height', 'Height', 'input', options, errors, 'has-unit', 'pro', '', 'pixel', 'Set the height of the header bar and it\'s unit.') }}
61	{{ macros.row('header_bar_adjust_page', 'Adjust Page', 'checkbox', options, errors, '', 'pro', '', '', 'Turning this on will automatically adjust your page to bring the content down inline with the header bar.') }}

63	</div>
64
65	<div class='panel panel-default fully-pro-container'>
66	+ {{ macros.header('Colours', section) }}
67	<table class='table table-bordered table-hover'>
68	{{ macros.row('header_bar_background_color', 'Background', 'colour', options, errors, '', 'pro', '', '', 'Set the background colour for the header bar.') }}
69	{{ macros.row('header_bar_text_color', 'Text', 'colour', options, errors, '', 'pro', '', '', 'Set the text colour for the header bar text.') }}

views/admin/sections/initial-setup.html.twig CHANGED Viewed

	@@ -8,7 +8,7 @@
8	{% set section = 'Initial Setup' %}
9
10	<div class='panel panel-default'>
11	- {{ macros.header('Initial Setup', section~~, 'initial-setup'~~) }}
12	<table class='table table-bordered table-hover'>
13	{{ macros.row('breakpoint', 'Breakpoint', 'input', options, errors, '', '', '', '', 'This is the width of the screen in pixels at which point you would like the hamburger button to start showing.', 'px', '', 'Set to 80000 if you want the menu to appear on all devices.') }}
14	{{ macros.row('menu_to_use', 'Menu to Use', 'select', options, errors, '', '', 'custom', '', 'If no options appear here, make sure you have set them up under <strong>Appearance > Menus</strong> or click <a href="' ~ admin_url ~ 'nav-menus.php">here</a>.', '', nav_menus, 'Please note that the <a class="scroll-to-option" href="#responsive-menu-theme-location-menu">Theme Location</a> option will take precedence over this.') }}


8	{% set section = 'Initial Setup' %}
9
10	<div class='panel panel-default'>
11	+ {{ macros.header('Initial Setup', section) }}
12	<table class='table table-bordered table-hover'>
13	{{ macros.row('breakpoint', 'Breakpoint', 'input', options, errors, '', '', '', '', 'This is the width of the screen in pixels at which point you would like the hamburger button to start showing.', 'px', '', 'Set to 80000 if you want the menu to appear on all devices.') }}
14	{{ macros.row('menu_to_use', 'Menu to Use', 'select', options, errors, '', '', 'custom', '', 'If no options appear here, make sure you have set them up under <strong>Appearance > Menus</strong> or click <a href="' ~ admin_url ~ 'nav-menus.php">here</a>.', '', nav_menus, 'Please note that the <a class="scroll-to-option" href="#responsive-menu-theme-location-menu">Theme Location</a> option will take precedence over this.') }}

views/admin/sections/menu.html.twig CHANGED Viewed

	@@ -8,32 +8,33 @@
8	{% set section = 'Menu' %}
9
10	<div class='panel panel-default fully-pro-container'>
11	- {{ macros.header('Font Icons', section~~, '/specific-options/font-icons/'~~) }}
12	<table class='table table-bordered table-hover'>
13	{% include 'admin/sections/modules/font-icons.html.twig' %}
14	</table>
15	</div>
16
17	<div class='panel panel-default'>
18	- {{ macros.header('Depth', section~~, '/basic-setup/menu/#depth'~~) }}
19	<table class='table table-bordered table-hover'>
20	{{ macros.row('menu_depth', 'Depth', 'select', options, errors, '', '', 'depth', '', 'This determines how many levels deep your menu will go.') }}
21	</table>
22	</div>
23
24	<div class='panel panel-default'>
25	- {{ macros.header('Styling', section~~, '/basic-setup/menu/#styling'~~) }}
26	<table class='table table-bordered table-hover'>
27	{{ macros.row('menu_font', 'Font', 'input', options, errors, '', '', '', '', 'Set the font for the menu items. The font must already be installed as part of your theme or a browser inbuilt one.', '', '', 'For example "Open Sans"') }}
28	{{ macros.row('menu_font_size', 'Font Size', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set the text size of the menu items and it\'s unit.') }}
29	{{ macros.row('menu_links_height', 'Item Height', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set the height of each menu item and it\'s unit.') }}

30	{{ macros.row('menu_text_alignment', 'Text Alignment', 'select', options, errors, '', '', 'alignment', '', 'Set the alignment of the text for the menu items.') }}
31	{{ macros.row('menu_word_wrap', 'Word Wrap', 'checkbox', options, errors, '', '', '', '', 'Allow the menu items to wrap around to the next line.', '', '', 'Useful if you have particularly long menu item titles.') }}
32	</table>
33	</div>
34
35	<div class='panel panel-default'>
36	- {{ macros.header('Item Borders', section~~, '/basic-setup/menu/#item-borders'~~) }}
37	<table class='table table-bordered table-hover'>
38	{{ macros.row('menu_border_width', 'Width', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set the border size for each menu link and it\'s unit.') }}
39	{{ macros.row('menu_item_border_colour', 'Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the border colour for each of the menu items.') }}
	@@ -44,7 +45,7 @@
44	</div>
45
46	<div class='panel panel-default'>
47	- {{ macros.header('Item Text', section~~, '/basic-setup/menu/#item-text'~~) }}
48	<table class='table table-bordered table-hover'>
49	{{ macros.row('menu_link_colour', 'Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the text colour for each of the menu items.') }}
50	{{ macros.row('menu_link_hover_colour', 'Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the text colour when the mouse rolls over each menu item.') }}
	@@ -54,7 +55,7 @@
54	</div>
55
56	<div class='panel panel-default'>
57	- {{ macros.header('Item Background', section~~, '/basic-setup/menu/#item-background'~~) }}
58	<table class='table table-bordered table-hover'>
59	{{ macros.row('menu_item_background_colour', 'Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the background colour for each of the menu items.') }}
60	{{ macros.row('menu_item_background_hover_colour', 'Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the background colour when the mouse rolls over each menu item.') }}
	@@ -64,14 +65,67 @@
64	</div>
65
66	<div class='panel panel-default'>
67	- {{ macros.header('~~Descriptions~~', section~~, '/basic-setup/menu/#descriptions'~~) }}





















































68	<table class='table table-bordered table-hover'>
69	{{ macros.row('submenu_descriptions_on', 'Enabled', 'checkbox', options, errors, '', '', '', '', 'If you have set descriptions for your menu items, you can turn them on here.') }}
70	</table>
71	</div>
72
73	<div class='panel panel-default fully-pro-container'>
74	- {{ macros.header('Fade Items In', section~~, '/basic-setup/menu/#fade-items-in'~~) }}
75	<table class='table table-bordered table-hover'>
76	{{ macros.row('fade_submenus', 'Enabled', 'checkbox', options, errors, '', 'pro', '', '', 'When enabled this makes the indidvidual menu items fade in when the button is clicked rather than simply appearing all at once.') }}
77	{{ macros.row('fade_submenus_side', 'Side', 'select', options, errors, '', 'pro', 'left_right', '', 'You can specify which side the items fade in from.') }}
	@@ -80,8 +134,16 @@
80	</table>
81	</div>
82








83	<div class='panel panel-default'>
84	- {{ macros.header('Advanced', section~~, '/basic-setup/menu/#advanced'~~) }}
85	<table class='table table-bordered table-hover'>
86	{{ macros.row('theme_location_menu', 'Theme Location Menu', 'select', options, errors, '', '', 'custom', '', 'If you want to use a theme location menu rather than a specific menu then you can select that here.', '', location_menus, 'Please note that this will overwrite the <a class="scroll-to-option" href="#responsive-menu-menu-to-use">Menu to Use</a> option.') }}
87	{{ macros.row('custom_walker', 'Custom Walker', 'input', options, errors, '', '', '', '', 'Set your own Walker class for customising the links HTML output.', '', '', 'Warning: For extremely advanced use only') }}


8	{% set section = 'Menu' %}
9
10	<div class='panel panel-default fully-pro-container'>
11	+ {{ macros.header('Font Icons', section) }}
12	<table class='table table-bordered table-hover'>
13	{% include 'admin/sections/modules/font-icons.html.twig' %}
14	</table>
15	</div>
16
17	<div class='panel panel-default'>
18	+ {{ macros.header('Depth', section) }}
19	<table class='table table-bordered table-hover'>
20	{{ macros.row('menu_depth', 'Depth', 'select', options, errors, '', '', 'depth', '', 'This determines how many levels deep your menu will go.') }}
21	</table>
22	</div>
23
24	<div class='panel panel-default'>
25	+ {{ macros.header('Styling', section) }}
26	<table class='table table-bordered table-hover'>
27	{{ macros.row('menu_font', 'Font', 'input', options, errors, '', '', '', '', 'Set the font for the menu items. The font must already be installed as part of your theme or a browser inbuilt one.', '', '', 'For example "Open Sans"') }}
28	{{ macros.row('menu_font_size', 'Font Size', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set the text size of the menu items and it\'s unit.') }}
29	{{ macros.row('menu_links_height', 'Item Height', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set the height of each menu item and it\'s unit.') }}
30	+ {{ macros.row('menu_links_line_height', 'Line Height', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set the line height of each menu item and it\'s unit.') }}
31	{{ macros.row('menu_text_alignment', 'Text Alignment', 'select', options, errors, '', '', 'alignment', '', 'Set the alignment of the text for the menu items.') }}
32	{{ macros.row('menu_word_wrap', 'Word Wrap', 'checkbox', options, errors, '', '', '', '', 'Allow the menu items to wrap around to the next line.', '', '', 'Useful if you have particularly long menu item titles.') }}
33	</table>
34	</div>
35
36	<div class='panel panel-default'>
37	+ {{ macros.header('Item Borders', section) }}
38	<table class='table table-bordered table-hover'>
39	{{ macros.row('menu_border_width', 'Width', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set the border size for each menu link and it\'s unit.') }}
40	{{ macros.row('menu_item_border_colour', 'Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the border colour for each of the menu items.') }}

45	</div>
46
47	<div class='panel panel-default'>
48	+ {{ macros.header('Item Text', section) }}
49	<table class='table table-bordered table-hover'>
50	{{ macros.row('menu_link_colour', 'Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the text colour for each of the menu items.') }}
51	{{ macros.row('menu_link_hover_colour', 'Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the text colour when the mouse rolls over each menu item.') }}

55	</div>
56
57	<div class='panel panel-default'>
58	+ {{ macros.header('Item Background', section) }}
59	<table class='table table-bordered table-hover'>
60	{{ macros.row('menu_item_background_colour', 'Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the background colour for each of the menu items.') }}
61	{{ macros.row('menu_item_background_hover_colour', 'Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the background colour when the mouse rolls over each menu item.') }}

65	</div>
66
67	<div class='panel panel-default'>
68	+ {{ macros.header('Trigger Icon', section) }}
69	+ <table class='table table-bordered table-hover'>
70	+ {{ macros.row('arrow_position', 'Position', 'select', options, errors, '', '', 'left_right', '', 'Set the side of the menu item that the sub menu trigger will appear.') }}
71	+ {{ macros.row('active_arrow_shape', 'Active Shape', 'input', options, errors, '', '', '', '', 'Set the trigger shape you want to use for the active state. A selection of shapes can be found <a href="https://responsive.menu/html-geometric-shapes/?utm_source=pro-plugin&utm_medium=page&utm_campaign=geo-shapes" target="_blank">here</a>.') }}
72	+ {{ macros.row('inactive_arrow_shape', 'Inactive Shape', 'input', options, errors, '', '', '', '', 'Set the trigger shape you want to use for the inactive state. A selection of shapes can be found <a href="https://responsive.menu/html-geometric-shapes/?utm_source=pro-plugin&utm_medium=page&utm_campaign=geo-shapes" target="_blank">here</a>.') }}
73	+ {{ macros.row('active_arrow_image', 'Active Image', 'image', options, errors, '', '', '', '', 'You can set an image for your active sub menu trigger instead if you would like. This will take precedence over the shape option above.') }}
74	+ {{ macros.row('active_arrow_image_alt', 'Alt Text', 'input', options, errors, '', '', '', '', 'If you use an image as your active sub menu trigger, you can set it\'s alt text here.') }}
75	+ {{ macros.row('inactive_arrow_image', 'Inactive Image', 'image', options, errors, '', '', '', '', 'You can set an image for your inactive sub menu trigger instead if you would like. This will take precedence over the shape option above.') }}
76	+ {{ macros.row('inactive_arrow_image_alt', 'Alt Text', 'input', options, errors, '', '', '', '', 'If you use an image as your inactive sub menu trigger, you can set it\'s alt text here.') }}
77	+ {{ macros.row('active_arrow_font_icon', 'Active Font Icon', 'font-icon', options, errors, '', 'pro', '', '', 'You can set an icon as your active sub menu trigger instead if you would like. This will take precedence over the image option above.') }}
78	+ {{ macros.row('inactive_arrow_font_icon', 'Inactive Font Icon', 'font-icon', options, errors, '', 'pro', '', '', 'You can set an icon as your inactive sub menu trigger instead if you would like. This will take precedence over the image option above.') }}
79	+ </table>
80	+ </div>
81	+
82	+ <div class='panel panel-default'>
83	+ {{ macros.header('Trigger Sizing', section) }}
84	+ <table class='table table-bordered table-hover'>
85	+ {{ macros.row('submenu_arrow_height', 'Height', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set the height of the menu trigger items and their units.') }}
86	+ {{ macros.row('submenu_arrow_width', 'Width', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set the width of the menu trigger items and their units.') }}
87	+ </table>
88	+ </div>
89	+
90	+ <div class='panel panel-default'>
91	+ {{ macros.header('Trigger Colours', section) }}
92	+ <table class='table table-bordered table-hover'>
93	+ {{ macros.row('menu_sub_arrow_shape_colour', 'Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the colour of the sub menu trigger.') }}
94	+ {{ macros.row('menu_sub_arrow_shape_hover_colour', 'Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the hover colour of the sub menu trigger.') }}
95	+ {{ macros.row('menu_sub_arrow_shape_colour_active', 'Active Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the colour of the sub menu trigger when active.') }}
96	+ {{ macros.row('menu_sub_arrow_shape_hover_colour_active', 'Active Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the hover colour of the sub menu trigger when active.') }}
97	+ </table>
98	+ </div>
99	+
100	+ <div class='panel panel-default'>
101	+ {{ macros.header('Trigger Background', section) }}
102	+ <table class='table table-bordered table-hover'>
103	+ {{ macros.row('menu_sub_arrow_background_colour', 'Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the background colour of the sub menu trigger.') }}
104	+ {{ macros.row('menu_sub_arrow_background_hover_colour', 'Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the hover background colour of the sub menu trigger.') }}
105	+ {{ macros.row('menu_sub_arrow_background_colour_active', 'Active Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the background colour of the sub menu trigger when active.') }}
106	+ {{ macros.row('menu_sub_arrow_background_hover_colour_active', 'Active Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the hover background colour of the sub menu trigger when active.') }}
107	+ </table>
108	+ </div>
109	+
110	+ <div class='panel panel-default'>
111	+ {{ macros.header('Trigger Border', section) }}
112	+ <table class='table table-bordered table-hover'>
113	+ {{ macros.row('menu_sub_arrow_border_colour', 'Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the border colour of the sub menu trigger.') }}
114	+ {{ macros.row('menu_sub_arrow_border_hover_colour', 'Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the hover border colour of the sub menu trigger.') }}
115	+ {{ macros.row('menu_sub_arrow_border_colour_active', 'Active Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the border colour of the sub menu trigger when active.') }}
116	+ {{ macros.row('menu_sub_arrow_border_hover_colour_active', 'Active Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the hover border colour of the sub menu trigger when active.') }}
117	+ </table>
118	+ </div>
119	+
120	+ <div class='panel panel-default'>
121	+ {{ macros.header('Descriptions', section) }}
122	<table class='table table-bordered table-hover'>
123	{{ macros.row('submenu_descriptions_on', 'Enabled', 'checkbox', options, errors, '', '', '', '', 'If you have set descriptions for your menu items, you can turn them on here.') }}
124	</table>
125	</div>
126
127	<div class='panel panel-default fully-pro-container'>
128	+ {{ macros.header('Fade Items In', section) }}
129	<table class='table table-bordered table-hover'>
130	{{ macros.row('fade_submenus', 'Enabled', 'checkbox', options, errors, '', 'pro', '', '', 'When enabled this makes the indidvidual menu items fade in when the button is clicked rather than simply appearing all at once.') }}
131	{{ macros.row('fade_submenus_side', 'Side', 'select', options, errors, '', 'pro', 'left_right', '', 'You can specify which side the items fade in from.') }}

134	</table>
135	</div>
136
137	+ <div class='panel panel-default fully-pro-container'>
138	+ {{ macros.header('Animations', section) }}
139	+ <table class='table table-bordered table-hover'>
140	+ {{ macros.row('smooth_scroll_on', 'Smooth Scroll Enabled', 'checkbox', options, errors, '', 'pro', '', '', 'When enabled this makes any same page links smooth scroll to their destination.') }}
141	+ {{ macros.row('smooth_scroll_speed', 'Smooth Scroll Speed', 'input', options, errors, '', 'pro', '', '', 'Set the speed at which same page links will scroll.', 'ms') }}
142	+ </table>
143	+ </div>
144	+
145	<div class='panel panel-default'>
146	+ {{ macros.header('Advanced', section) }}
147	<table class='table table-bordered table-hover'>
148	{{ macros.row('theme_location_menu', 'Theme Location Menu', 'select', options, errors, '', '', 'custom', '', 'If you want to use a theme location menu rather than a specific menu then you can select that here.', '', location_menus, 'Please note that this will overwrite the <a class="scroll-to-option" href="#responsive-menu-menu-to-use">Menu to Use</a> option.') }}
149	{{ macros.row('custom_walker', 'Custom Walker', 'input', options, errors, '', '', '', '', 'Set your own Walker class for customising the links HTML output.', '', '', 'Warning: For extremely advanced use only') }}

views/admin/sections/modules/font-icons.html.twig CHANGED Viewed

	@@ -15,7 +15,7 @@
15	<li>Custom HTML</li>
16	</ul>
17	For a guide on implementing icons in your menu and for more info please visit our dedicated doc page
18	- <a href='https://responsive.menu/~~docs~~/~~basic~~-~~setup/~~font-icons/' target='_blank'>here</a>.
19	</div>
20	</td>
21	<td class='col-right pro'>


15	<li>Custom HTML</li>
16	</ul>
17	For a guide on implementing icons in your menu and for more info please visit our dedicated doc page
18	+ <a href='https://responsive.menu/knowledgebase/using-font-icons/?utm_source=free-plugin&utm_medium=page&utm_campaign=font-icons' target='_blank'>here</a>.
19	</div>
20	</td>
21	<td class='col-right pro'>

views/admin/sections/modules/license-key.html.twig CHANGED Viewed

	@@ -17,7 +17,7 @@
17	{% if not license_type() %}
18	<div class="sub_sub_title">
19	<br />Don't panic. The plugin will still function 100%, it is only automatic updates that will be affected.<br /><br />
20	- You can read about troubleshooting license issues <a href="https://responsive.menu/~~faq~~/license-activation-issues/" target="_blank">here</a>.
21	</div>
22	{% endif %}
23	</div>


17	{% if not license_type() %}
18	<div class="sub_sub_title">
19	<br />Don't panic. The plugin will still function 100%, it is only automatic updates that will be affected.<br /><br />
20	+ You can read about troubleshooting license issues <a href="https://responsive.menu/knowledgebase/license-activation-issues/?utm_source=free-plugin&utm_medium=page&utm_campaign=license-issues" target="_blank">here</a>.
21	</div>
22	{% endif %}
23	</div>

views/admin/sections/sub-menus.html.twig CHANGED Viewed

	@@ -8,60 +8,94 @@
8	{% set section = 'Sub Menus' %}
9
10	<div class='panel panel-default'>
11	- {{ macros.header('~~Trigger Icon~~', section~~, '/basic-setup/sub-menus/#trigger-icon'~~) }}
12	<table class='table table-bordered table-hover'>
13	- {{ macros.row('~~arrow_position~~', '~~Position~~', '~~select~~', options, errors, '', '', '~~left_right~~', '', 'Set the ~~side~~ of the ~~menu~~ ~~item~~ ~~that~~ ~~the~~ ~~sub~~ ~~menu~~ ~~trigger~~ ~~will~~ ~~appear~~.') }}
14	- {{ macros.row('~~active_arrow_shape~~', '~~Active~~ ~~Shape~~', 'input', options, errors, '', '', '', '', 'Set the ~~trigger~~ ~~shape~~ ~~you~~ ~~want to use for~~ the ~~active~~ ~~state.~~ A ~~selection~~ ~~of shapes can be found <a href="https://responsive~~.~~menu/html-geometric-shapes/" target="_blank">here</a>.~~') }}
15	- {{ macros.row('~~inactive_arrow_shape~~', '~~Inactive~~ ~~Shape~~', 'input', options, errors, '', '', '', '', 'Set the ~~trigger~~ ~~shape you want to use for the inactive state. A selection~~ of ~~shapes~~ ~~can~~ be ~~found~~ <a ~~href="https://responsive~~.~~menu/html-geometric-shapes/" target="_blank">here</a>.~~') }}
16	- {{ macros.row('~~active_arrow_image~~', '~~Active~~ ~~Image~~', '~~image~~', options, errors, '', '', '', '', '~~You~~ ~~can~~ ~~set~~ an ~~image~~ ~~for~~ ~~your~~ ~~active~~ ~~sub~~ ~~menu~~ ~~trigger instead if you would like~~. ~~This will take precedence over the shape option above.~~') }}
17	- {{ macros.row('~~active_arrow_image_alt~~', '~~Alt~~ ~~Text~~', '~~input~~', options, errors, '', '', '', '', 'If ~~you~~ ~~use~~ an ~~image~~ as ~~your~~ ~~active~~ ~~sub~~ ~~menu trigger, you can set it\'s alt text here~~.') }}
18	- {{ macros.row('inactive_arrow_image', 'Inactive Image', 'image', options, errors, '', '', '', '', 'You can set an image for your inactive sub menu trigger instead if you would like. This will take precedence over the shape option above.') }}
19	- ~~{{ macros.row('inactive_arrow_image_alt', 'Alt Text', 'input', options, errors, '', '', '', '', 'If you use an image as your inactive sub menu trigger, you can set it\'s alt text here.') }}~~
20	- {{ macros.row('active_arrow_font_icon', 'Active Font Icon', 'font-icon', options, errors, '', 'pro', '', '', 'You can set an icon as your active sub menu trigger instead if you would like. This will take precedence over the image option above.') }}
21	- {{ ~~macros.row(~~'~~inactive_arrow_font_icon',~~ ~~'Inactive Font Icon', 'font~~-~~icon~~'~~, options, errors, '', 'pro', '', '', 'You can set an icon as your inactive sub menu trigger instead if you would like. This will take precedence over the image option above.') }}~~


































22	</table>
23	</div>
24
25	<div class='panel panel-default'>
26	- {{ macros.header('Trigger Sizing', section~~, '/basic-setup/sub-menus/#trigger-sizing'~~) }}
27	<table class='table table-bordered table-hover'>
28	- {{ macros.row('~~submenu_arrow_height~~', 'Height', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set the height of the menu trigger items and their units.') }}
29	- {{ macros.row('~~submenu_arrow_width~~', 'Width', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set the width of the menu trigger items and their units.') }}
30	</table>
31	</div>
32
33	<div class='panel panel-default'>
34	- {{ macros.header('Trigger Colours', section~~, '/basic-setup/sub-menus/#trigger-colours'~~) }}
35	<table class='table table-bordered table-hover'>
36	- {{ macros.row('~~menu_sub_arrow_shape_colour~~', 'Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the colour of the sub menu trigger.') }}
37	- {{ macros.row('~~menu_sub_arrow_shape_hover_colour~~', 'Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the hover colour of the sub menu trigger.') }}
38	- {{ macros.row('~~menu_sub_arrow_shape_colour_active~~', 'Active Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the colour of the sub menu trigger when active.') }}
39	- {{ macros.row('~~menu_sub_arrow_shape_hover_colour_active~~', 'Active Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the hover colour of the sub menu trigger when active.') }}
40	</table>
41	</div>
42
43	<div class='panel panel-default'>
44	- {{ macros.header('Trigger Background', section~~, '/basic-setup/sub-menus/#trigger-background'~~) }}
45	<table class='table table-bordered table-hover'>
46	- {{ macros.row('~~menu_sub_arrow_background_colour~~', 'Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the background colour of the sub menu trigger.') }}
47	- {{ macros.row('~~menu_sub_arrow_background_hover_colour~~', 'Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the hover background colour of the sub menu trigger.') }}
48	- {{ macros.row('~~menu_sub_arrow_background_colour_active~~', 'Active Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the background colour of the sub menu trigger when active.') }}
49	- {{ macros.row('~~menu_sub_arrow_background_hover_colour_active~~', 'Active Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the hover background colour of the sub menu trigger when active.') }}
50	</table>
51	</div>
52
53	<div class='panel panel-default'>
54	- {{ macros.header('Trigger Border', section~~, '/basic-setup/sub-menus/#trigger-border'~~) }}
55	<table class='table table-bordered table-hover'>
56	- {{ macros.row('~~menu_sub_arrow_border_colour~~', 'Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the border colour of the sub menu trigger.') }}
57	- {{ macros.row('~~menu_sub_arrow_border_hover_colour~~', 'Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the hover border colour of the sub menu trigger.') }}
58	- {{ macros.row('~~menu_sub_arrow_border_colour_active~~', 'Active Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the border colour of the sub menu trigger when active.') }}
59	- {{ macros.row('~~menu_sub_arrow_border_hover_colour_active~~', 'Active Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the hover border colour of the sub menu trigger when active.') }}
60	</table>
61	</div>
62
63	<div class='panel panel-default'>
64	- {{ macros.header('Padding', section~~, '/basic-setup/sub-menus/#padding'~~) }}
65	<table class='table table-bordered table-hover'>
66	{{ macros.row('menu_depth_side', 'Side', 'select', options, errors, '', '', 'left_right', '', 'You can set which side of the menu items the padding should be on.') }}
67	{{ macros.row('menu_depth_0', 'Top Level', 'input', options, errors, 'has-unit', 'semi-pro', '', 'percentage', 'Set the padding size of the top level menu items and their unit.') }}
	@@ -74,7 +108,7 @@
74	</div>
75
76	<div class='panel panel-default'>
77	- {{ macros.header('Animations', section~~, '/basic-setup/sub-menus/#animations'~~) }}
78	<table class='table table-bordered table-hover'>
79	{{ macros.row('accordion_animation', 'Use Accordion', 'checkbox', options, errors, '', '', '', '', 'Expanding one sub menu level will close all the others in an accordion style.') }}
80	{{ macros.row('auto_expand_all_submenus', 'Auto Expand All Sub Menus', 'checkbox', options, errors, '', '', '', '', 'All sub menus will be opened on page load automatically.') }}
	@@ -84,7 +118,7 @@
84	</div>
85
86	<div class='panel panel-default fully-pro-container'>
87	- {{ macros.header('Slide Effect', section~~, '/basic-setup/sub-menus/#slide-effect'~~) }}
88	<table class='table table-bordered table-hover'>
89	{{ macros.row('use_slide_effect', 'Enabled', 'checkbox', options, errors, '', 'pro', '', '', 'The slide effect changes the way that sub-menus open and close. Instead of the standard drop-down animation they will slide over the top of eachother as in the demo site <a href="https://demo.responsive.menu/pro-example-one/" target="_blank">here</a>.<br /><br /><span class="label label-warning">beta</span>') }}
90	{{ macros.row('slide_effect_back_to_text', 'Back Text', 'input', options, errors, '', 'pro', '', '', 'You can specify the text used for clicking to get back to the previous level when using the slide effect.') }}


8	{% set section = 'Sub Menus' %}
9
10	<div class='panel panel-default'>
11	+ {{ macros.header('Styling', section) }}
12	<table class='table table-bordered table-hover'>
13	+ {{ macros.row('submenu_font', 'Font', 'input', options, errors, '', '', '', '', 'Set the font for the submenu items. The font must already be installed as part of your theme or a browser inbuilt one.', '', '', 'For example "Open Sans"') }}
14	+ {{ macros.row('submenu_font_size', 'Font Size', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set the text size of the submenu items and it\'s unit.') }}
15	+ {{ macros.row('submenu_links_height', 'Item Height', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set the height of each submenu item and it\'s unit.') }}
16	+ {{ macros.row('submenu_links_line_height', 'Item Line Height', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set the line height of each submenu item and it\'s unit.') }}
17	+ {{ macros.row('submenu_text_alignment', 'Text Alignment', 'select', options, errors, '', '', 'alignment', '', 'Set the alignment of the text for the submenu items.') }}
18	+ </table>
19	+ </div>
20	+
21	+ <div class='panel panel-default'>
22	+ {{ macros.header('Item Borders', section) }}
23	+ <table class='table table-bordered table-hover'>
24	+ {{ macros.row('submenu_border_width', 'Width', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set the border size for each submenu link and it\'s unit.') }}
25	+ {{ macros.row('submenu_item_border_colour', 'Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the border colour for each of the submenu items.') }}
26	+ {{ macros.row('submenu_item_border_colour_hover', 'Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the border colour when the mouse rolls over each submenu item.') }}
27	+ {{ macros.row('submenu_current_item_border_colour', 'Current Item Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the border colour for the current submenu item.') }}
28	+ {{ macros.row('submenu_current_item_border_hover_colour', 'Current Item Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the border colour when the mouse rolls over the current submenu item.') }}
29	+ </table>
30	+ </div>
31	+
32	+ <div class='panel panel-default'>
33	+ {{ macros.header('Item Text', section) }}
34	+ <table class='table table-bordered table-hover'>
35	+ {{ macros.row('submenu_link_colour', 'Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the text colour for each of the submenu items.') }}
36	+ {{ macros.row('submenu_link_hover_colour', 'Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the text colour when the mouse rolls over each submenu item.') }}
37	+ {{ macros.row('submenu_current_link_colour', 'Current Item Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the text colour for the current submenu item.') }}
38	+ {{ macros.row('submenu_current_link_hover_colour', 'Current Item Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the text colour when the mouse rolls over the current submenu item.') }}
39	+ </table>
40	+ </div>
41	+
42	+ <div class='panel panel-default'>
43	+ {{ macros.header('Item Background', section) }}
44	+ <table class='table table-bordered table-hover'>
45	+ {{ macros.row('submenu_item_background_colour', 'Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the background colour for each of the submenu items.') }}
46	+ {{ macros.row('submenu_item_background_hover_colour', 'Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the background colour when the mouse rolls over each submenu item.') }}
47	+ {{ macros.row('submenu_current_item_background_colour', 'Current Item Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the background colour for the current submenu item.') }}
48	+ {{ macros.row('submenu_current_item_background_hover_colour', 'Current Item Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the background colour when the mouse rolls over the current submenu item.') }}
49	+ </table>
50	+ </div>
51	+
52	+ <div class='panel panel-default'>
53	+ {{ macros.header('Trigger Icon', section) }}
54	+ <table class='table table-bordered table-hover'>
55	+ {{ macros.row('submenu_arrow_position', 'Position', 'select', options, errors, '', '', 'left_right', '', 'Set the side of the menu item that the sub menu trigger will appear.') }}
56	</table>
57	</div>
58
59	<div class='panel panel-default'>
60	+ {{ macros.header('Trigger Sizing', section) }}
61	<table class='table table-bordered table-hover'>
62	+ {{ macros.row('submenu_submenu_arrow_height', 'Height', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set the height of the menu trigger items and their units.') }}
63	+ {{ macros.row('submenu_submenu_arrow_width', 'Width', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set the width of the menu trigger items and their units.') }}
64	</table>
65	</div>
66
67	<div class='panel panel-default'>
68	+ {{ macros.header('Trigger Colours', section) }}
69	<table class='table table-bordered table-hover'>
70	+ {{ macros.row('submenu_sub_arrow_shape_colour', 'Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the colour of the sub menu trigger.') }}
71	+ {{ macros.row('submenu_sub_arrow_shape_hover_colour', 'Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the hover colour of the sub menu trigger.') }}
72	+ {{ macros.row('submenu_sub_arrow_shape_colour_active', 'Active Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the colour of the sub menu trigger when active.') }}
73	+ {{ macros.row('submenu_sub_arrow_shape_hover_colour_active', 'Active Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the hover colour of the sub menu trigger when active.') }}
74	</table>
75	</div>
76
77	<div class='panel panel-default'>
78	+ {{ macros.header('Trigger Background', section) }}
79	<table class='table table-bordered table-hover'>
80	+ {{ macros.row('submenu_sub_arrow_background_colour', 'Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the background colour of the sub menu trigger.') }}
81	+ {{ macros.row('submenu_sub_arrow_background_hover_colour', 'Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the hover background colour of the sub menu trigger.') }}
82	+ {{ macros.row('submenu_sub_arrow_background_colour_active', 'Active Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the background colour of the sub menu trigger when active.') }}
83	+ {{ macros.row('submenu_sub_arrow_background_hover_colour_active', 'Active Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the hover background colour of the sub menu trigger when active.') }}
84	</table>
85	</div>
86
87	<div class='panel panel-default'>
88	+ {{ macros.header('Trigger Border', section) }}
89	<table class='table table-bordered table-hover'>
90	+ {{ macros.row('submenu_sub_arrow_border_colour', 'Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the border colour of the sub menu trigger.') }}
91	+ {{ macros.row('submenu_sub_arrow_border_hover_colour', 'Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the hover border colour of the sub menu trigger.') }}
92	+ {{ macros.row('submenu_sub_arrow_border_colour_active', 'Active Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the border colour of the sub menu trigger when active.') }}
93	+ {{ macros.row('submenu_sub_arrow_border_hover_colour_active', 'Active Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the hover border colour of the sub menu trigger when active.') }}
94	</table>
95	</div>
96
97	<div class='panel panel-default'>
98	+ {{ macros.header('Padding', section) }}
99	<table class='table table-bordered table-hover'>
100	{{ macros.row('menu_depth_side', 'Side', 'select', options, errors, '', '', 'left_right', '', 'You can set which side of the menu items the padding should be on.') }}
101	{{ macros.row('menu_depth_0', 'Top Level', 'input', options, errors, 'has-unit', 'semi-pro', '', 'percentage', 'Set the padding size of the top level menu items and their unit.') }}

108	</div>
109
110	<div class='panel panel-default'>
111	+ {{ macros.header('Animations', section) }}
112	<table class='table table-bordered table-hover'>
113	{{ macros.row('accordion_animation', 'Use Accordion', 'checkbox', options, errors, '', '', '', '', 'Expanding one sub menu level will close all the others in an accordion style.') }}
114	{{ macros.row('auto_expand_all_submenus', 'Auto Expand All Sub Menus', 'checkbox', options, errors, '', '', '', '', 'All sub menus will be opened on page load automatically.') }}

118	</div>
119
120	<div class='panel panel-default fully-pro-container'>
121	+ {{ macros.header('Slide Effect', section) }}
122	<table class='table table-bordered table-hover'>
123	{{ macros.row('use_slide_effect', 'Enabled', 'checkbox', options, errors, '', 'pro', '', '', 'The slide effect changes the way that sub-menus open and close. Instead of the standard drop-down animation they will slide over the top of eachother as in the demo site <a href="https://demo.responsive.menu/pro-example-one/" target="_blank">here</a>.<br /><br /><span class="label label-warning">beta</span>') }}
124	{{ macros.row('slide_effect_back_to_text', 'Back Text', 'input', options, errors, '', 'pro', '', '', 'You can specify the text used for clicking to get back to the previous level when using the slide effect.') }}

views/admin/sections/technical.html.twig CHANGED Viewed

	@@ -8,14 +8,14 @@
8	{% set section = 'Technical' %}
9
10	<div class='panel panel-default'>
11	- {{ macros.header('Theme', section~~, '/advanced-setup/technical/#theme'~~) }}
12	<table class='table table-bordered table-hover'>
13	{{ macros.row('admin_theme', 'Admin Theme', 'select', options, errors, '', '', 'theme', '', 'You can change the admin layout colour scheme to match your preference.') }}
14	</table>
15	</div>
16
17	<div class='panel panel-default'>
18	- {{ macros.header('Scripts', section~~, '/advanced-setup/technical/#scripts'~~) }}
19	<table class='table table-bordered table-hover'>
20	{{ macros.row('external_files', 'Use External Files', 'checkbox', options, errors, '', '', '', '', 'Create external files for the CSS and JavaScript created by this plugin.') }}
21	{{ macros.row('minify_scripts', 'Minify Scripts', 'checkbox', options, errors, '', '', '', '', 'Minify the CSS and JavaScript created by this plugin.') }}
	@@ -24,7 +24,7 @@
24	</div>
25
26	<div class='panel panel-default fully-pro-container'>
27	- {{ macros.header('Remove Scripts', section~~, '/advanced-setup/technical/#remove-scripts'~~) }}
28	<table class='table table-bordered table-hover'>
29	{{ macros.row('remove_fontawesome', 'Remove FontAwesome Scripts', 'checkbox', options, errors, '', 'pro', '', '', 'Stop this plugins FontAwesome scripts from being loaded. Useful if you want to run your own FontAwesome version or already have it installed.') }}
30	{{ macros.row('remove_bootstrap', 'Remove BootStrap Scripts', 'checkbox', options, errors, '', 'pro', '', '', 'Stop this plugins BootStrap scripts from being loaded. Useful if you want to run your own BootStrap version for GlyphIcons or already have it installed.') }}
	@@ -32,14 +32,14 @@
32	</div>
33
34	<div class='panel panel-default'>
35	- {{ macros.header('Transfer', section~~, '/advanced-setup/technical/#transfer'~~) }}
36	<table class='table table-bordered table-hover'>
37	{% include 'admin/sections/modules/transfer.html.twig' %}
38	</table>
39	</div>
40
41	<div class='panel panel-default'>
42	- {{ macros.header('Rebuild', section~~, '/advanced-setup/technical/#rebuild'~~) }}
43	<table class='table table-bordered table-hover'>
44	{% include 'admin/sections/modules/rebuild.html.twig' %}
45	</table>


8	{% set section = 'Technical' %}
9
10	<div class='panel panel-default'>
11	+ {{ macros.header('Theme', section) }}
12	<table class='table table-bordered table-hover'>
13	{{ macros.row('admin_theme', 'Admin Theme', 'select', options, errors, '', '', 'theme', '', 'You can change the admin layout colour scheme to match your preference.') }}
14	</table>
15	</div>
16
17	<div class='panel panel-default'>
18	+ {{ macros.header('Scripts', section) }}
19	<table class='table table-bordered table-hover'>
20	{{ macros.row('external_files', 'Use External Files', 'checkbox', options, errors, '', '', '', '', 'Create external files for the CSS and JavaScript created by this plugin.') }}
21	{{ macros.row('minify_scripts', 'Minify Scripts', 'checkbox', options, errors, '', '', '', '', 'Minify the CSS and JavaScript created by this plugin.') }}

24	</div>
25
26	<div class='panel panel-default fully-pro-container'>
27	+ {{ macros.header('Remove Scripts', section) }}
28	<table class='table table-bordered table-hover'>
29	{{ macros.row('remove_fontawesome', 'Remove FontAwesome Scripts', 'checkbox', options, errors, '', 'pro', '', '', 'Stop this plugins FontAwesome scripts from being loaded. Useful if you want to run your own FontAwesome version or already have it installed.') }}
30	{{ macros.row('remove_bootstrap', 'Remove BootStrap Scripts', 'checkbox', options, errors, '', 'pro', '', '', 'Stop this plugins BootStrap scripts from being loaded. Useful if you want to run your own BootStrap version for GlyphIcons or already have it installed.') }}

32	</div>
33
34	<div class='panel panel-default'>
35	+ {{ macros.header('Transfer', section) }}
36	<table class='table table-bordered table-hover'>
37	{% include 'admin/sections/modules/transfer.html.twig' %}
38	</table>
39	</div>
40
41	<div class='panel panel-default'>
42	+ {{ macros.header('Rebuild', section) }}
43	<table class='table table-bordered table-hover'>
44	{% include 'admin/sections/modules/rebuild.html.twig' %}
45	</table>

views/app/search.html.twig CHANGED Viewed

	@@ -1,5 +1,7 @@
1	<div id="responsive-menu-search-box">
2	<form action="{{ search_url }}" class="responsive-menu-search-form" role="search">
3	- <input type="search" name="s" ~~placeholder~~="Search" ~~class="responsive-menu-search-box">~~


4	</form>
5	</div>


1	<div id="responsive-menu-search-box">
2	<form action="{{ search_url }}" class="responsive-menu-search-form" role="search">
3	+ <input type="search" name="s" title="Search"
4	+ placeholder="{{ options.menu_search_box_text\|translate('menu_search_box_text') }}"
5	+ class="responsive-menu-search-box">
6	</form>
7	</div>