Made menus mobile

Need to add theme options for breakpoints, as well as appropriate
styles.
This commit is contained in:
kjodle 2016-02-13 13:43:11 -05:00
parent d4f7b08d6c
commit 5db0d13f1f
2 changed files with 6 additions and 4 deletions

View File

@ -134,7 +134,7 @@ if ( !wp_style_is( 'font-awesome.min.css', 'enqueued' ) ) {
wp_enqueue_script( 'atticus-finch-navigation', get_template_directory_uri() . '/js/superfish.js', array(), '0.4', true );
wp_enqueue_script( 'atticus-finch-mobile-menus', get_template_directory_uri() . '/js/menumaker.min.js', array(), '0.4', true );
wp_enqueue_script( 'atticus-finch-mobile-menus', get_template_directory_uri() . '/js/menumaker.js', array('jquery'), '0.4', true );
wp_enqueue_script( 'atticus-finch-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '0.4', true );

View File

@ -3,21 +3,23 @@
function atticus_finch_mobile_menus(){
echo '
<script type="text/javascript">
$("#aboveheadermenu").menumaker({
jQuery(document).ready(function() {
jQuery("#aboveheadermenu").menumaker({
title: "aboveheadermenu",
breakpoint: 640,
format: "select"
});
$("#belowheadermenu").menumaker({
jQuery("#belowheadermenu").menumaker({
title: "belowheadermenu",
breakpoint: 640,
format: "multitoggle"
});
$("#footermenu").menumaker({
jQuery("#footermenu").menumaker({
title: "footermenu",
breakpoint: 640,
format: "select"
});
});
</script>
';
}