I need to display:none for my desktop menu and use hamburger exclusively. If I do this with CSS I lose the Java for larger screen sizes. What is the javascript for this?
I know you’re not in the business of writing java for people, but I figured that this has been done before, I just can’t find it in your forum.
JAVA
/jQuery(document).ready(function($){
$(’.x-btn-navbar’).click(function(){
if($(".x-nav-wrap.mobile").is(’:visible’)){
$(’.x-nav-collapse.in.collapse’).removeClass(‘in’).css();
}
else{
$(’.x-nav-wrap.mobile’).css(“display”, “block”);
}
});
});/
CSS
/*
.masthead-inline .x-btn-navbar {
display: block;
float: right;
}
.x-nav-wrap.desktop {
display: none;
}
*/
This works for Safari, but not in Firefox or Chrome…
/* > > > > > > > > > UPDATE > > > > > > > > > */
THIS IS FIXED…I FOUND THE ISSUE.