How do we increase the width of the sub-sub menu?

[sakirose]

How do we increase the width of the sub-sub menu?

See link below for problem:

[sakirose]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

nav.std-menu .menu ul li > a, nav.std-menu .menu ul li > span.title{
width:225px !important;max-width:60ppx !important;
}

nav#main-navigation .menu ul.sub-menu ul.sub-menu{
width:300px !important;
}

Thanks
Mohammad

[laranz – SUPPORT]

Hi,

You may try this in the Theme Options -> Custom CSS.

nav.std-menu .menu ul.sub-menu { min-width: 220px; }

Edit: Ah, Mohammed beat you, you can use any of the solution. Thanks 😉

Let us know,

Thanks,
laranz.

[sakirose]

This reply has been marked as private.

[sakirose]

Also…how can the sub-menu items be left aligned?

—
I tried Mohammed’s and it’s better, but too wide at times. Is there a way to have it be sized based upon the amount of text with a maximum?

See link below:

https://dl.dropboxusercontent.com/u/52916400/menuwidth.png

[Mohammad – SUPPORT]

Hi,
My colleague Kyle will assist you shortly.
Thanks
Mohammad

[sakirose]

That would be great!

[Rui Guerreiro – SUPPORT]

Hi,

This is complicated because the 2level and 3level menu items have the same css class and it’s difficult to target.

One idea is to assign an extra css class in the menu items of the 2nd and 3rd levels.

For that I will need admin acess to assign the extra css class and create the custom css code.

-Rui

[iraqiboy90]

You may wanna add this as well:

nav#main-navigation .menu ul.sub-menu ul.sub-menu {
left: 99%;
}

Otherwise, once you mouse hits the crack between the dropdown menu and the submenu, it will disappear.
Was scratching my head for few hours because of this

[Mohammad – SUPPORT]

@iraqiboy90 – Thanks for your help.
Mohammad