My submenu disappeared all the sudden and doesn't show anymore when I hover over the menu item. I checked the menu section on my WP dashboard and it's there and assigned to show. The submenu still show on mobile device but on full browser the submenu items stopped showing up. I deactivated all the plugins to check if there is a conflict but the event doesn't appear to be plugin related. This is more of a CSS problem that I'm having.
Here's my website: http://www.apcm.ca
My CSS : http://www.apcm.ca/wp-content/themes/apcm/css/style.css?ver=4.6.1
You'll notice that your #header is set to overflow:visible in mobile, and that if you switch back to desktop resolution, the submenu will start working. So all you need to do is add overflow: visible to the #header in all resolutions.
change overflow:hidden to overflow:visible for the section#header
Related
I am working on a WordPress Block Theme (FCE) and want a vertical navigation on the left side.
When I add the Navigation Block vertical it is still opening the submenu while the mouse hover. The submenu shouldn't open when hover. I prefer it always open. How can I stop this menu hover?
I went back to Classic Theme. As multiple things like this are not yet possible in full FCE Block Themes and they are still in Beta.
I'm using a Glyphicon inside of a div to open up the mobile menu called Mmenu on mobile devices. The action works fine, but the Glyphicon shows above the menu rather than hidden below it. I've changed the Mmenu's and Glyphicon's z-index to 100 and 99 respectively but still nothing.
I suspect it's related to another issue that's causing the page content to slide over but not the header where the div is contained?
Is anyone able to help me understand why?
Thanks.
website
Not sure why the problem is happening, but you can work around it with this CSS:
.mm-menu {
z-index: 200 !important;
}
This puts the fixed menu panel above the icon.
Updated FIDDLE
I'm having trouble with my nav dropdown menu hiding behind the logo and banner on my site. I've tried changing the z-index of the nav div to 99 and then the header div to 0, but to no avail. I'm having trouble shooting ie since I'm on a mac. You can see the site at www.miles2give.org. I've created a childtheme from wp theme twentytwelve and I think I may have accidentally messed something up along the way. I don't know what code to include or I would.
I am facing a problem with my navigation drop down menu hidden behind container class in IE(internet Explorer) browser but its working fine with all other browser.
I am stuck with this issue for 3 days. I tried too much to change css of my container class and my navigation class but failed :(.
I tried even display and visibility properties in my css but failed...
Please give me hint how i can fix this problem
here is my site
http://napodfw12.wildapricot.org/
if you open it in all other browsers than IE drop down of menu bar will display but in ie it is hidden,
i am uploading screen shot of this problem too.
IE is very annoying about z-index. I found that creating an IE stylesheet and setting the container and nav position to relative, then adjusting the Z-index seemed to work for me.
I am having a problem with the drop down menu on my website. I used the suckerfish menu and changed its css a little. You can see the website here.
The menu and slider plus the expandable div on top work great with Chrome and Firefox but there is something wrong going on with the drop down menu in Internet Explorer.
I moved the slider lower to check if its because it drops on top of the slider but its not it. I believe its z-index related but can't figure it out!
Try adding this to the menu's ul element:
z-index:999;