1. ziggy
  2. Sherlock Holmes
  3. Commercial Templates
  4. Tuesday, 12 March 2013
  5.  Subscribe via email
Hi,

I'm having a problem with a menu in the sidecol-a position:

I have a three level menu which I would like to show like this when expanded:

> Level 1
..> Level 2
....> Level 3

(dots are spaces)

But it shows:

> Level 1
.> Level 2
.> Level 3

So, 2 and 3 ar in the same level, besides, there is no hover color change in those levels, therefore it doesn't look nice when selecting options.

Any way to fix this?

Thanks!
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Norberto

Would you have a URL to an example of your menu?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
The site is not online yet, but I uploaded an image capture of the menu:

http://img209.imageshack.us/img209/159/menufj.jpg

First item is level 1

Second is level 2

third and fourth are level 3

Even they are multiline options, if I make them one line only the result is the same.

Thanks
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Norberto

To better style your child items try adding the following to the Custom CSS field of your templates parameters..


[code type=css].module ul.menu li li, .module_menu ul.menu li li {
margin-left: 12px;
}[/code]

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks Ciaran!

That worked perfectly!

The only problem left is that color does not change in level 2 or 3 when mouse hovering.

Is there a solution for this?

Thanks again!
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
You can edit the color of your sub items with the following CSS which you can also add to the Custom CSS field of your templates parameters..


[code type=css].module ul.menu li li a, .module_menu ul.menu li li a {
color: #366C9A !important;
}[/code]

For your sub sub menu items add the following..


[code type=css].module ul.menu li li li a, .module_menu ul.menu li li li a {
color: #366C9A !important;
}[/code]

Where #366C9A is your new sub item color.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Ok, that's all

Thanks a lot Ciaran for your help.
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok