html - Drop Down Menu hidden behind the slider -
The drop down menu is hidden behind the slider on Chrome. I have not yet checked Internet Explorer. Tried to set up submenu with: relative and high z-index, and sliders as the status cover: relative and lower z-index. However, this is still not working
The website I'm working on is:
slider_uper
.rev_slider_wrapper {- Webkit-box-sizing: border-box; -MOZ Box-Size: border-box; -mm-box-size: border-box; Box-size: border-box; Z-index: 1; Status: Relative; } .tp-bannertimer {z-index: 20! Important; } .rev_slider iframe {z-index: 100; }
Main Menu
# Header-section & gt; # Main-nav (border-top: 1px solid # e4e4e4; / * background: url ('image / triangular page'); * / background color: # C17B48; border-top: 1px solid # E25879 Important! Border Bottom: 1px solid # E25879! Important: Position: Relative; Z-index: 2000;} # Header-section # Main-nav, # header-section # Main-nav.ub sub-menu, #header-section #main-navs. Sub-menu, #header-section #main-navs. Sub-menu li, #header-section #national-navs .sub- menus li a {z- Index: 100000! Important;}
Add it to your slider or image div "style = "Position: absolute; Z-ndex: -1000;"
This worked for me.
Comments
Post a Comment