SubMenu position after clicking in a submenu

[rgmorales]

Hi, thanks for all the free templates you created.

I'm using Avio template, in Joomla 1.5.

I have several submenus, when I first click the menu, all submenus are displayed correctly, like this:

>Menu1
(space)>SubMenu1
(space)>SubMenu2
(space)>SubMenu3
>Menu2

After clicking SubMenu1 for example, the others are not displayed correctly, like this:

>Menu1
(sapce)>SubMenu1 (displayed bold)
>SubMenu2
>SubMenu3
>Menu2

There is an easy way to fix this behavior?

Thanks a lot,

Rodrigo Morales

[Ebi]

Yah! I am having this same issue with my design too. There was someone on this thread that said: http://forum.siteground.com/showthread.php?t=7376

Here is the site in question for me though (to see an example of this go here: ftwayneaquatics.org ) I REALLY want my submenu to stay indented and I can figure out most programming but I am having a hard time with this.

I hope someone can help us with this... Thanks!

[qwerty]

same problem =(

[juergentraum]

Yes i had the same problem with template Cinema..
but i figured it out, maybe this helps..
In my opinion there is a missing part for the sub-menu in the CSS-File. There is only a part for the active sub-menu, so the inactive part of the sub-menu looks like the "main-menu".
I'm not very good in creating a css-file. Maybe it is bad written, but it is working for me.

In den Template.css there are the lines:
/*LEFT COL SUB LINK*/
#leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link {
text-decoration: none;
color: #fe8600;
margin: 0 0 0 0px;
font-size: 11px;
background: url(../images/submenu_row.jpg) center left no-repeat;
font-weight: normal;
display: block;
line-height: 18px;
padding: 0 0 0 18px;
border: none;
height: 18px;

Looks like this is for the sub-menu. But the li#current says, it is for the active sub menu. So i renamed this to "LEFT COL SUB CURRENT LINK" and put this column befor the renamed part:

/*LEFT COL SUB LINK*/
#leftcolumn ul.menu li ul li a, #leftcolumn ul.menu li ul li a:link {
line-height: 18px;
padding: 0 0 0 12px;
text-decoration: none;
font-size: 11px;
background: url(../images/submenu_row.jpg) center left no-repeat;
margin: 0;
height: 18px;
color: #fe8600;
font-weight: normal;
}

#leftcolumn ul.menu li ul li a:hover, #leftcolumn ul.menu li ul li a:hover {
color: #fe8600;
text-decoration: underline;

And the padding of the sub-menu I changed as a read in another thread:

/*CURRENT SUBMENU POSITION*/
#leftcolumn ul.menu li ul {
margin: 0;
padding: 0 0 0 12px;
}


Of course you have to change the colors and maybe the position or the name of the "submenu-row.jpg". This works for me.
Have fun