I can’t see you menu in any browser, it’s only visible on mobile.
I see you installed jetpack so I’m wondering if you have any other plugin that might conflict with the theme.
Try to disable the plugins one by one and see if it changes.
Thanks! It is one of my plugins, MZ_Mindbody Interface, that is stopping the menu from showing up in chrome. Not sure how to resolve it though, I really need that plug in to work for my yoga site.
Also, internet explore is still only showing the mobile menu, not matter what changes I make.
I actually see the menu in Chrome, although it’s right on top of the gray line instead of above it like in Firefox.
What’s weird, and this might be the problem, is that in Chrome, the nav menu container has an inline style which sets the height to zero:
<div class="nav-collapse tc-hover-menu-wrapper collapse" style="height: 0px;">
However, the inline style doesn’t show up in Firefox. I would assume that you didn’t add any Javascript that does something like this?
And it gets weirder. I just refreshed your web site and the inline style went away, and now the menu looks normal.
It looks good on any browser now! but about the problem with the plugin it seems to be related to a mix of factors: some php not fully compatible and bootstrap conflicts:
I’ve read few issues for the plugin and it looks that they should solve them on their side.
thanks for the feedback so far. I have deactivated the plugin for right now while I try to figure out how to fix it.
I still don’t understand the menu set up on this theme totally in the different browsers, even with my plugin issue!
The menu renders pretty well on all the browsers.
Also the retro compatibility is quiet excellent.
What challenges are you still experiencing with the menu and the plugin disabled? maybe is just a cache issue still…
I went ahead and re-activated the plug in. Please look again. Thanks!
the plugin css is overriding customizr css.
Go into the customizr options.
Select advanced and in custom css add this snippet:
.collapse {
display: block !important;
}
you might also want to disable the featured pages in the front-page settings as well (if you are not planning to use them)
maybe needs to be refined a little bit, to avoid further conflicts:
use this one:
.nav-collapse.collapse.tc-hover-menu-wrapper {
display: block !important;
}
Awesome!!! Thank you so much! It works beautifully!
