Hi from York UK formally owned by the Romans 2000 yrs ago…
Any ways on my site http://test.davidclick.com/test/index-new.html something odd happens when the viewport shrinks down to mobile viewport size. The hamburger menu appears correctly (strong blue at the mo) but when you click on the hamburger menu a fat cross appears and no menu options
I dont know if during the set up my test environment Ive managed to delete something but if any one could give me just a suggestion regarding how to get menu option to appear in the hamburger menu that would be great.
hope this makes sense and i’ll apply any suggestions early next week and update
Sorry about that, ive fixed it now (fixed the A record thingy). Just to add you have to shrink the viewport size down or view via a mobile device to see the hamburger menu with no sub nav.
What have you done with all the scripts that make the menu work?
The hamburger toggle menu needs jquery and the ‘sf-menu’ needs all the superfish (or superclick) files if you want the enhancements to the main menu. I believe you had those working in another version as it seems to be based on one of my originals.
To get the hamburger working add this:
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</script>
<!-- implement click menu for mobile -->
<script>
jQuery(document).ready(function() {
$('body').on( "click", ".mobile-menu", function() {
var myNav = $('#menu');
myNav.fadeToggle();
$('.hamburger-menu').toggleClass('hamburger-on');
});
});
</script>
If you want the delay effect and keyboard accessibility for the main menu you will need all the original superfish files although the menu will work without them.
Thank you so much PaulOB - Grazie tanto PaulOB! Your fix worked Yes looks like some how i knocked the code you spotted was missing, apologies, its now in and it works Very happy, thank you again
Yes looks like some how i knocked the code you spotted was missing, apologies, its now in and it works