Hi -

Please can you tell me how, in a vertical menu, to reduce the depth of the menu buttons at the second and third levels and to mid-align the label text to the new depth?

Many thanks,

Mike.

Hello,

Provide a link to a page where we can see a menu and an image where we can see what do you want to achieve.

Regards,
ARI Soft

Hi -

Can't give you a link because the site is on a development server, but the image attached is what I'm trying to achieve.

Thanks,

Mike.

Try the next CSS rule:



Regards,
ARI Soft

Hi -

Thanks for the response, but the code didn't work. I already had a line in place to set the top level width, so I added the code below.
____________________

#ariext87 LI.ux-menu-item-level-0
{
width: 210px !important;
}
#ariext87 LI.ux-menu-item-level-1, LI.ux-menu-item-level-2
{
width: 132px !important;
height: 20px !important;
line-height: 16px !important;
padding: 0 !important;
vertical-align: middle !important;
}
_____________________

As you can see from the attached screen-shot, the label text does not mid-align and the last field in the list remains at its original depth. This may indicate that the menu items are falling behind one another, not actually reducing in depth.

Your help is much appreciated,

Thanks,

Mike.

We can investigate an issue when you site is available online.

Regards,
ARI Soft