I'm trying to make an drop down menu, and it's not going well. My submenu is hidden behind my wrapper/page/content. I've tried setting an z-index to different elements, also tried giving my menu and submenu giving:
z-index: 999999;
But nothing works..
Can you guys help?
http://jsfiddle.net/L8Y3K/
please remove overflow:hidden; from header id it will solve your problem
http://jsfiddle.net/L8Y3K/1/
Try Select2 jquery plugin. it works with overflow: hidden
http://jsfiddle.net/jEADR/2442/
Related
I have tried to post code here recently, but it is working for some code posted only. So I would like to see my site dropdown not show. In this site, the drop-down Services can't display its sub-menu. Please take a look at my site and guide me how to fix the dropdown menu?
I tried to set z-index with various value but it's not working.
You need to remove overflow: hidden; from .navbar-default. The submenu ul is overflowing the div.navbar-default, but you are hiding it.
I have this website: http://www.westmedgroup.com/find_provider.aspx
From the left dropdown menu, it keeps going under which prevents the entire list to be shown.
I set a min-height as well as overflow: visible but none of them are working.
Please help me resolve it.
I found this when inspecting your page
.hidOverflow {
overflow: hidden;
}
unchecking this fixed the problem
I'm having what I believe to be a simple problem but I'm not sure how to fix it.
Basically, while hovering over links on the menu, the drop-down menus "go behind" the other elements on my page. I've tried implementing float css but it doesn't seem to work.
If you visit my site just for a second and hover on the navigation menu you'll see what I mean.
How do you fix something like this?
Will appreciate any help.
Thanks.
In your css, set your z-index to a really big number like 9005, so it's above everything else on the page.
Like: z-index: 9005;
add z-index:9999; to the #page-bar css
it solves the problem (tested in chrome)
I have two buttons in a div with position: fixed; but when you click, the list of options disappeared.
I wrote my code in the link below, you can help me?
http://jsfiddle.net/T9QHw/
Thanks.
The list of options disappear, because you're telling the div to hide everything that goes beyond the div itself using overflow:hidden. Clearly, the dropdown menu is outside of the div.
Remove overflow:hidden and it will work.
I've been working on a new version of my website, and to make it cleaner I installed a jQuery Dropdown menu, so the navigation looks cleaner.
The thing is, the links appear underneath the following content div, and I'm not sure how I can fix this.. I've looked into the z-index property, and I tried setting the position and z-index of both divs, but to no avail, they stay improperly stacked.
Here's the link of the page, so you can see what I mean :
http://minecrafteurope.com/?theme=compositio
Any idea on how I can fix this ?
Thanks !
Mark
Remove overflow: hidden; from .menu