
Originally Posted by
ajcannon
I've got a problem on my website with the css category menu's being hidden behind a slideshow that I have running on the main page. See an example at
http://www.shoptomlinsons.com/
Once you get 2-3 categories deep it is hidden behind the center image (which is actually a js slideshow). Is there any way I can make the categories always show up in front of anything else on the main page?
Yes, there is. In the stylesheet_categories_menu.css, find this section of code:
Code:
div#nav-cat ul.level1 li.submenu:hover ul.level2,
div#nav-cat ul.level2 li.submenu:hover ul.level3,
div#nav-cat ul.level3 li.submenu:hover ul.level4,
div#nav-cat ul.level4 li.submenu:hover ul.level5,
div#nav-cat ul.level5 li.submenu:hover ul.level6 {display:block;}
Add:
to make that whole section look like this:
Code:
div#nav-cat ul.level1 li.submenu:hover ul.level2,
div#nav-cat ul.level2 li.submenu:hover ul.level3,
div#nav-cat ul.level3 li.submenu:hover ul.level4,
div#nav-cat ul.level4 li.submenu:hover ul.level5,
div#nav-cat ul.level5 li.submenu:hover ul.level6 {
display:block;
z-index: 1000;
}
That should fix you right up.
Bookmarks