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-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 ); 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(){ function atticus_finch_mobile_menus(){
echo ' echo '
<script type="text/javascript"> <script type="text/javascript">
$("#aboveheadermenu").menumaker({ jQuery(document).ready(function() {
jQuery("#aboveheadermenu").menumaker({
title: "aboveheadermenu", title: "aboveheadermenu",
breakpoint: 640, breakpoint: 640,
format: "select" format: "select"
}); });
$("#belowheadermenu").menumaker({ jQuery("#belowheadermenu").menumaker({
title: "belowheadermenu", title: "belowheadermenu",
breakpoint: 640, breakpoint: 640,
format: "multitoggle" format: "multitoggle"
}); });
$("#footermenu").menumaker({ jQuery("#footermenu").menumaker({
title: "footermenu", title: "footermenu",
breakpoint: 640, breakpoint: 640,
format: "select" format: "select"
}); });
});
</script> </script>
'; ';
} }