Homepage › Community Forums › Epik Theme Support › Mobile site doesnt look right › Reply To: Mobile site doesnt look right
The only other thing is the actual file and the folder it’s located in. Check and see if you have a js folder in your theme and make sure the file labeled responsive-menu.js exists.
The code inside should look something like this –
jQuery(function( $ ){
$("header .genesis-nav-menu, .nav-primary .genesis-nav-menu").addClass("responsive-menu").before('<div class="responsive-menu-icon"></div>');
$(".responsive-menu-icon").click(function(){
$(this).next("header .genesis-nav-menu, .nav-primary .genesis-nav-menu").slideToggle();
});
$(window).resize(function(){
if(window.innerWidth > 768) {
$("header .genesis-nav-menu, .nav-primary .genesis-nav-menu, nav .sub-menu").removeAttr("style");
$(".responsive-menu > .menu-item").removeClass("menu-open");
}
});
$(".responsive-menu > .menu-item").click(function(event){
if (event.target !== this)
return;
$(this).find(".sub-menu:first").slideToggle(function() {
$(this).parent().toggleClass("menu-open");
});
});
});
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
