Hi guys,

i'm Didi from Indonesia, i'm a newbie in joomla and forgive me for my bad English.

the EXT menu is great! but i have some problems when i had setup it.

1. main menu item styles in module manager option, is it possible to set no background color to it, i used inspiration_et template from ThemeGoat, is it possible background color is transparent?

2. i didnt change submenu item styles on use main styles option (set the default yes) but the submenu did not change at all (still the same setting from default template)

3. when i choose the sub menu, why the main menu only view the parent menu and other sub menu include the sub menu i choose, other main menu did not show up, this what i mean

at the front page i have main menu

home profile->history other_main_menus ...
->vission, mission
->other..
when i choose history, the home and other_main_menus didn't show, only profile menu show up, how can i set all the main menu show?

Thanks for your help in advance

Hello,

Provide a link to a page where we can see a menu on your site.

Regards,
ARI Soft

Hi again,

www.wom.co.id/wom_dev/ => this is front page, it's in development, and has not yet been optimize

www.wom.co.id/wom_dev/index.php/womprofile/womhist

Thank for your help in advance.

Regards,
Didi

1. Add the next CSS rules:



3. Set "Show only active sub-menus" parameter to "No" in module settings.

Regards,
ARI Soft

Hello again,

I updated css file, add css rules as u guys told me, but the main menu still didnt change the background color and the border-style still there

the "show only active sub-menus" parameter alreday set to "No" too

I added the css rules after navigation rules on my css files, this is what the nav rules like in my css

/* Navigation */
#nav {}
#navl {}
#navr {height:40px; background:url(../images/mainmenu.png) 0 0 repeat-x; font-family: segoe ui, verdana, arial, sans-serif; -moz-border-radius: 5px; border-radius: 5px;margin-top: 5px;margin-top: -4px;}
#nav {z-index:10; position:relative;}
#nav-left { float:left; width:80%;}
#nav-right { float:right; width:20%;}
#nav ul {margin:0; padding:0; float:left;}
#nav ul li {list-style:none;float:left;height:100%;position:relative; padding:0; margin:0;}
#nav ul li a { display:block;padding:0 15px 0 15px; margin:0; line-height:40px; color:#fff; text-decoration:none;font-size:14px;font-weight:normal; text-shadow: #036D9E 0 1px;}
#nav ul li.active {}
#nav ul li.active a {background:url(../images/mainmenu-h.png) no-repeat center; -moz-border-radius: 5px; border-radius: 5px; color:#fff; text-shadow: #036D9E 0 1px;}
#nav ul li:hover {}
#nav ul li a:hover{ text-decoration:none; font-weight:normal; font-size:14px; background:url(../images/mainmenu-h.png) no-repeat center; -moz-border-radius: 5px; border-radius: 5px; color:#7fd3ff; text-shadow: #036D9E 0 1px;}
#nav ul li ul {position:absolute;width:180px;left:-999em;border-top:0; margin:0; padding:0;}
#nav ul li:hover ul, #menu ul li.sfHover ul {left:0;}
#nav ul li ul li {padding:0;height:auto;width:180px; margin:0 auto; border:none; text-align: left;}
#nav ul li:hover ul li a {text-shadow:none;}
#nav ul li:hover ul li { background:none;}
#nav ul li:hover ul li a, #nav ul li ul li a, #nav ul li.active ul li a{margin:0; padding:0 0 0 10px;height:24px;line-height:24px; background:#555;border-bottom:1px solid #3a3a3a;color:#d1d1d1; font-size:11px;font-weight:normal;text-shadow:none; -moz-border-radius: 0px; border-radius: 0px;}
#nav ul li ul li a:hover, #nav ul li ul li.active a, #nav ul li.active ul li a:hover, #nav ul li.active ul li.active a {text-align: left; padding:0 0 0 10px;height:24px;line-height:24px;background:#343434;color:#fff; font-size:11px;text-shadow:none;}
#nav ul li ul ul, #nav ul li:hover ul ul, #nav ul li:hover ul ul ul, #nav ul li:hover ul ul ul ul, #nav ul li.sfHover ul ul, #nav ul li.sfHover ul ul ul, #nav ul li.sfHover ul ul ul ul {left:-999em;}

#nav .ux-menu A.ux-menu-link-level-0
{
background-color: transparent;
border-style: none;
}

#nav .ux-menu a.ux-menu-link-parent
{
padding-right: 24px;
}

I'm very new in css, i'm trying to understand it from www.w3schools.com right now, but i really appreciate if u guys can help me to set it up.

Thanks for your help in advance

Regards,
Didi

It seems you something change on your site. Add also the next CSS rule to "CSS Styles" parameter in module settings:



Regards,
ARI Soft