Joomla Templates Club 406,261 posts

[leonike Friend leonikeJoin date: August 2009Posts: 18Downloads:0Uploads:5 Thanked: 1 times in 1 posts]

#143706

I like the helio template very much and I want to use it for my website. However I notice that no differentation exists between the first and second sub menue, as for the first level menue and the first sub menue. How can I change the apperance of the menue tree, especially for the third level menue (second sub menue)? I just want to slide the third level menue a little bit to the right side and if possible change in color?
Thanks for any help.

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#315630

Easy question first:

You can change the color of the hover…but the change will effect all of the menu item hovers.

Goto ja.moomenu.css line 135 and modify


background: #00b0db none repeat scroll 0 0;


As for moving the 3rd level menu item…
Goto ja.moomenu.css line 40


#ja-cssmenu li ul ul {
margin:-2em 0 0 15em;
}


In the above code the “-2em” controls the position of the 3rd tier menus left and right position…and the “15em” controls the up and down positioning.

If you wanted the 3rd tier to be exactly to the right of the 2nd tier with no overlap then the code would read:
margin: -2.5em 0 0 16em;

Play around with those two numbers to get the different effects.

Have fun.
John.

[leonike Friend leonikeJoin date: August 2009Posts: 18Downloads:0Uploads:5 Thanked: 1 times in 1 posts]

#316012

Dear John,
thank you very much for your advise.

However, I do not want to change the moomenue, i want only to modify the mainmenue on the left side.
The structure of the left menue is:

Title
Menue
…Submenue
…2nd Submenue
…3rd Submenue.

My aim is to get a typical menue structure
Menue
…Submenue
…….2nd Submenue
…………3rd Submenue

Please help!

Thanks

[Author]

Posts