Reply To: Mobile site doesnt look right

Homepage Community Forums Epik Theme Support Mobile site doesnt look right Reply To: Mobile site doesnt look right

#12266
Eric
Customer

    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