I am running latest version of gantry for WP and the latest release of wp. I have about 8 menu items with 3-6 child items (fusion-submenu-wrapper level2) When the page loads all of the submenus are expanded for a second or 2 before being hidden. After the first page load this is not an issue because of cache but quite annoying on first load. How can this be hidden during page load?
Re: Fusion Menu .level2 displayed during page load
Posted 12 years 6 months ago
Hi, I took a look. I did not experience this issue in IE9, but I see it in IE8.
I'm not sure why that is happening, there are no errors on the page or indication of an issue. Are you using any sort of compression or caching utility? Or any other third party plugins that might be interfering? I don't really know what to suggest, it looks like the CSS for the menu takes an extra second to load. Haven't ever seen it before.
The difficult we do immediately, the impossible takes a little longer.
Re: Fusion Menu .level2 displayed during page load
Posted 12 years 6 months ago
Nothing out of the ordinary other than some jQuery for colorbox. I do have a lot of fairly large images and a lot of level 2 menu items which could cause the page to render slighly slower. I am using mod_deflate on the server side but have never seen that cause an issue on my other sites, if anything that speeds up the site.
Unfortunately the majority of every day users use ie and a lot are still on 8. Since the client pointed out the menu issue, telling them to use chrome is not really an issue. After joining, this is my first crack at gantry site and I'd really like to use the fusion menu rather than use my own menu or a 3rd party menu.
Any hack you could suggest like initially display:none on all subs (level2), then switch the class on all subs on the first hover of any root level item?
Re: Fusion Menu .level2 displayed during page load
Posted 12 years 6 months ago
Hi, the problem is that display:none is already set on the sub levels - that is what hides them until they are moused over. It may use visibility: hidden but it's the same thing. All the CSS is in fusionmenu.css so you're free to try. If the issue is that the CSS takes an extra second to load due to other factors, it really won't matter what is there.
I've built around 100 Gantry sites and I trouble shoot about the same amount every week in this forum - and I've never seen this issue on any other website except this one. That's why I'm suspecting it's something that is unique to your site or set up. It doesn't appear to be a Gantry related issue or bug, as we would have seen it before if it was. I would suggest disabling some of the plugins, extensions ECT that you are using to see if one of them is holding things up.
The difficult we do immediately, the impossible takes a little longer.
Re: Fusion Menu .level2 displayed during page load
Posted 12 years 6 months ago
Thanks for your help. I only had a few plugins installed, mostly admin functions so I went through disabling each one again. I did this before but not sure if wrong browser, cache not cleared or what... but to my surprise it was the 'Dynamic To Top' plugin. Once disabled and cache cleared the menu no longer exhibited the load delay. I appreciate your communication. This is truly a great framework.