CSS Styling on Elements Items

Question

I have some list items and I want the corresponding drop down menu to align to the left, for some elements, and some should remain. (See link .) When you hover over the "more", "opinion", and "lifestyle" link, it aligns to the right and out of the page causing lengthy stuff. I want just those 3 menu lists to align to the left when you hover, while the others not mentioned to remain. What can I do to achieve this?

Answer 1

After looking through your html I suggest you look for the classes leaf *first leaf* and last leaf and add another class in your CSS that mimics these except float:right . then apply this to the menus you want to float right.

If this makes the elements go to far to the right maybe try

position:inherit;
left:-Xpx;

And replace X with the amount of pixels you want it to go left.

On this site

Luck