Mobile menu changing to regular menu issue....

Hello,

On this site: cdss.org I have MaximenuCK working fine with Mobile menu plugin activated and working. But there's an issue. The mobile menu appears up to 640px width. The regular menu begins to appear at 768px width. So between 640 and 768 there is no menu at all. How can fill this gap with either menu?

All the best,

Mark

Hi
the problem comes from your template with the css
.collapse {
display: none;
visibility: hidden;
}

this hides your menu container, but the menu is still there
CEd

Thanks that was the solution.

All the best,

Mark

Sorry I thought I had this fixed but maybe not. The code snippet you provided was it in my custom.css file or was it in the bootstrap.css file. I found it in the bootstrap file but not in the custom.css file. I thought the best way to override it was to write this in the custom.css file

.collapse {

display: block !important;
visibility: visible !important

}

But that seems not to work so well. Sorry to reopen this but am I on the right trakc?

.collapse {

display: block !important;
visibility: visible !important

}

this is correct, but is not present in your custom.css file
www.cdss.org/templates/jooswatch-v3-5/css/custom.css

OK, I have done that. But there is no menu visible between 640px and 767px. Do I need to reinforce that style by creating a media query?

Thanks,

Mark