Support for CSS Flyout Menu

Quote:

---

Originally Posted by jagall

thank you for getting back to me, I will try this, also if I want to add a submenu to this i.e. just another page really, will it work as when I tried based on the same code as the information lines, it seem to wrap the contact us, etc below it too.

I suppose what I am asking is it possible to have a custom menu item (i.e. Page) with submenu items (more pages) on the drop down menu,

Cheers:yes:

---

Solved, got it working was missing a bit of code so great.

I am using the define pages generator - and adding pages as needed but I also use the ez pages option, for menu and sideboxes just which is the best way to go, I suppose ez pages is more straightforward ??

Hello,

I am having the same problem as the person in post #601.. I verified the file locations shown in post #604.
I've included screenshots of the files and their locations.

Does anyone have any suggestions?

Thanks!

Here is a screenshot of my layout boxes controller too.

Hi I have searched through the thread for this but still cannot find a resolve, perhaps, Get Em Fast can answer this for me. I am trying to stretch my header, footer and css flyout menu to full browser width, just not sure best way to go about it or can it be done. Thanks

Quote:

---

Originally Posted by spiflifkin

Here is a screenshot of my layout boxes controller too.

---

I couldn't figure it out so I went with a different flyout menu. No need to answer this anymore.

Quote:

---

Originally Posted by Get Em Fast

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:

Code:

---

z-index: 1000;

---

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.

---

I am also having the issue of fly out CSS categories menu hiding behind the slide show. I've followed these suggestion and read a lot yet I cant get the categories to show above the slideshow.

Please assist..

View page

Quote:

---

Originally Posted by hardwiredtemplates

I am also having the issue of fly out CSS categories menu hiding behind the slide show. I've followed these suggestion and read a lot yet I cant get the categories to show above the slideshow.

Please assist..

View page

---

I've solved this issue and it actually feels good...:clap:

If anyone else stuck on the same boat this is what I added in my stylesheet.css file

#fadeshow1 {
z-index:0; }

this will put the fly out menu over the slideshow banners.

Quote:

---

Originally Posted by hardwiredtemplates

I've solved this issue and it actually feels good...:clap:

If anyone else stuck on the same boat this is what I added in my stylesheet.css file

#fadeshow1 {
z-index:0; }

this will put the fly out menu over the slideshow banners.

---

hardwire...................that solution will ONLY work if a persons' slideshows' <div>' name is "fadeshow1", which controls your slideshow..............NOT the menu, so the chances of that helping anybody is pretty slim............sorry. I know you had good intentions.................

Now for YOUR particular case, it looks like (if you remove your above edit to your stylesheet.css) you need to edit your stylesheet_categories_menu.css, find this block of code:

Code:

---

#nav-cat li {
    display:block;
    z-index:1;
    position:relative;
    border-top:solid 1px #FEFEFE;
    border-bottom:solid 1px #EBEBEB;
}

---

and change your z-index to 1100. Sometimes you got to use higher numbers to get the menu on top of other elements. In your case..............the 1100 works just fine. Actually.............if you put in 1001, this moves the menus' flyouts' above your slider images, but below the sliders' captions. 1002 will get the menu's flyouts' above everything. So...............anywhere from 1002 on will work fine for you.

Hope this helps.

Quote:

---

Originally Posted by nanos203

Has anyone had any success in getting the CSS Flyout Menu mod to work property with the Hide Categories mod? I use the Hide Categories mode to prevent certain categories from showing up in the category menu but the CSS Flyout Menu mod shows all categories (even the ones designated as hidden by the Hide Categories mod).

I'm sure it's just a matter of making CSS Flyout Menu "aware" of the Hide Categories attributes but I'm not sure where to do that.

Any tips are greatly appreciated!!

---

Hi, does anyone know a solution to this issue please? I'm having the same trouble.
Thanks in advance....

Can someone tell me how to change the font color of the submenu items? I figured out how to change the font color of the top-level menu items, and figured out how to change the hover color of the submenu items... but I cant figure out how to change the regular non-hover link color for submenu items. Im using the latest version. Any help is appreciated. Thanks!