Docs

[kukumiku]

Hi,

First, sorry for my poor English. I have been reading this topic https://community.theme.co/forums/topic/inline-menu-breaking-onto-2nd-line/ I have the same problem, and I want to follow it but is closed, so I’m opening this new one.

@media (max-width: 1175px){
body .x-navbar .x-nav-wrap.desktop {
     display: none;
}

body .x-navbar .x-btn-navbar {
     float:right;
     display:block;
}

body .x-navbar .x-nav-wrap.mobile {
     display: block;
}
}

With this code above the menu drop-downs automatically

@media (max-width: 1175px){
body .x-navbar .x-nav-wrap.desktop {
     display: none;
}

body .x-navbar .x-btn-navbar {
     float:right;
     display:block;
}

body .x-navbar .x-nav-wrap.mobile a {
     display: block;
}
}

With this one the menu doesn´t appear even if you click on the button

Can you help me please? My web is at http://www.staging1.kukumiku.com

Thanks

[Joao]

Hi There,

Your website seems to be working fine, it seems like you adjusted in order that the mobile menu button appear earlier and the button seems to be working fine on my end.

Would you mind providing more information about what is the issue you are facing? Also please let us know which device and browser you are using while experiencing the problem.

Thanks

Joao

[kukumiku]

Hi,

Thanks for the reply. If I put the browser width between 980px and 1175px, when I click the mobile menu button the menu doesn´t appear. The same mistake using firefox, chrome, nor explorer on PC with w7.

If you need more information please tell me.

Thanks

[Joao]

Hi There,

I have tested your website on my end of Firefox and Chrome and I could not replicate the issue.

Would you mind cleaning your browsers cache and testing again?

Let us know how it goes.

Thanks

Joao

[kukumiku]

Sorry but with various PCs and various ISP the same mistake…

Anyone else can try it?

Thanks

[kukumiku]

Ok, it was not my PC problem, I solved it running this javascript code

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");
		}
	});
});

Thanks anyway

[Paul R]

You’re welcome! 🙂

[Author]

Posts