Joomla Templates Club 406,261 posts

[angie00 Friend angie00Join date: November 2014Posts: 115Downloads:19Uploads:62 Thanks: 116 Thanked: 1 times in 1 posts]

#923593

Has anyone came up with an alternate menu display besides the default Sugite menu? We have a few people want a different menu style and so looking for a possible solution. The feedback we got was they do not like having to hover over it to see the nested categories. When they are on the page, they just want to see the nested items displayed under main menu. They said they want people to be able to quickly know what is quickly at a glance what is within the main menus. I think that is a logical and smart request so I am wondering if anyone has restyled the menu to a more useful "end-user friendly" format?

Attached sugite example and example we were given.

---

Attachments:

1. 
2. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#923728

Hi
Try my suggestion given in this thread to change the Menu module views .
Hope it helps .

[angie00 Friend angie00Join date: November 2014Posts: 115Downloads:19Uploads:62 Thanks: 116 Thanked: 1 times in 1 posts]

#923929

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#923962

Hi
Try the code below

.t3-sidebar .dropdown-submenu > .dropdown-menu { position: static; display: block; float: none; background-color: initial; border: 0px solid #cccccc ; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.175) ; box-shadow:none; padding-left: 15px; }

[angie00 Friend angie00Join date: November 2014Posts: 115Downloads:19Uploads:62 Thanks: 116 Thanked: 1 times in 1 posts]

#1080698

Hi,

I have added the code you suggested but this is the effect we are getting (screenshot)
https://goo.gl/Vp5NWW

Is it possible to just have the submenu items nested without the hover effect? (2nd screenshot)

Thank you for your guidance!

---

Attachments:

1. 
2. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1080773

Hi
Use this code

.t3-sidebar .dropdown-menu { position: static; display: block!important; float: none; background-color: initial; border: 0px solid #cccccc ; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.175) ; box-shadow:none; padding-left: 15px; }

After this, you can apply your own style too in the same code to change the colours, background etc.

Regards

1 user says Thank You to Pankaj Sharma for this useful post

1. angie00

[angie00 Friend angie00Join date: November 2014Posts: 115Downloads:19Uploads:62 Thanks: 116 Thanked: 1 times in 1 posts]

#1082722

THANK YOU! We just have one more issue we aren’t sure why it’s doing this: (Screenshot)

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1082828

Hi
Add below code in custom.css file

.dropdown-menu > li > a {
    white-space: inherit;
}

Regards

[Author]

Posts