I'm trying to get the sub-items on the menu to right-align with the right edge of the top-level item. Also I need the border/separator along the right side to be extended up above the top-level item. I've been working for hours but I can't figure out how to do it. I've attached a graphic of what I need the menu to look like showing what I'm looking to do. Any help would be greatly appreciated. Thanks.

Hello,

Could you provide link to page where we can see the menu on your site?

Regards,
ARI Soft

I cannot give you a link to the site because the site is under development and the client insists on total anonymity until it is launced, but I've included an image showing three menu states. In reference to the image I attached to this message, what I need is the that the sub-items of the menu on mouse over when the menu drops down( Why US, Process, Promise, etc.) right-align to the right edge of the parent items (Why US,Insights, Services, Work) as shown in the image. I tried to modify the css file but I can't get it appear the way I need. Thanks for your help.

It is hard to provide solution only by screenshot without viewing page styles. You can deploy fresh Joomla! installation and create fake menu that we can see it.

Regards,
ARI Soft

Okay. Here is another site that I'm also trying to do the same thing. Can it be done? Thanks.

Hello,

The next CSS rule can be used that right align text of sub-menu items:



but it can be aligned by bottom-right corner of main menu item.

Regards,
ARI Soft