Code for a tutorial walking through some use-case scenarios of the Dynamik Responsive Vertical Toggle Menu Shortcode feature (Part 1).

dynamik-vertical-toggle-shortcodes-tutorial-part-1

Custom Hookbox:

Name - Custom Toggle Icon

Code:

<div class="responsive-menu-icon">
	<i class="fa fa-bars" aria-hidden="true"></i>
	<i class="fa fa-times" aria-hidden="true" style="display:none;"></i>
</div>

JS (jQuery) Code:

jQuery(document).ready(function($) {

	$('.responsive-menu-icon').click(function() {
		$(this).children('.fa').toggle();	
	});

});

Responsive CSS Code:

Primary Menu:

.responsive-primary-menu-container .responsive-menu-icon .fa {
	color: #aaa;
}

Secondary Menu:

.responsive-secondary-menu-container .responsive-menu-icon .fa {
	color: #888;
}