WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => Templates, Menus & Design => Topic started by: Innocence on June 20, 2008, 01:17:34 AM

Title: [SOLVED !] 3rd child menu problem / doesn´t hide/show
Post by: Innocence on June 20, 2008, 01:17:34 AM

Hi there, nice people !

I´m having the next problem. Check out:
http://www.dataoperador.com.ar/tarifario/ (http://www.dataoperador.com.ar/tarifario/)

Browse over the menu of that site in this way:
# Argentina
    * Córdoba
          o Villa Carlos Paz
                + Hotelería

I can´t get that 3rd child menu item ("Hotelería") to act like the previous ones (hide / show events).

I´m using a customization of ALL CSS 2 template.

Could you help, please ? What can I do to solve that ? I need to show all that levels of the menu.

Sorry abouy my poor english. Thanks in advance, guys !
Pablo.-

Title: Re: 3rd child menu problem / doesn´t hide
Post by: marathoner on June 20, 2008, 04:13:24 AM

It looks like your CSS goes 3 levels deep in the menu structure but your menu goes 4 levels deep. You'll need to modify your CSS to hide that level but to display it on a:hover like the other menu levels.

Title: Re: 3rd child menu problem / doesn´t hide
Post by: Innocence on June 20, 2008, 04:57:06 AM

Thanks for the reply, marathoner.
I realize of what you say...but, how to do it ? Should I create a new CSS class ? How should I name I ? There´s a need to modify some other file, like "csshover.htc" or a "show_menu2" module file ?

Title: Solved !
Post by: Innocence on June 21, 2008, 06:12:31 AM

It worked !!!
I´ll show my final code retouch:

Code: [Select]

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {
    display: block;
}

#nav .menu li ul ul {
    display: none;
}

#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {
    display: none;
}

#nav .menu li:hover ul ul ul, #nav .menu li.subMenu ul ul ul {
    display: none;
}

#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {
    display: block;
}

#nav .menu li:hover ul, #nav .menu li li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li li.subMenu ul {
    display: block;
}

THAAAAAANKS !