How To Align A Dropdown Menu To The Right

HTML & CSS
1

I have a page linked here:

And if you rollover the “Contact” button in the main menu, the dropdown menu appears. My issue is that I would like for just this dropdown to shift over so that the right side of the ul aligns with the right side of the Contact button. It currently aligns on the left side. Can anyone solve this one for me?

Todd Temple

2

Try this:

#nav li.contact ul {
  right: 0;
  left: auto;
}
3

Ralph,

It worked after I added the pseudo :hover to it. All is well except for that it looks like it bounces or shifts a pixel or two when you hover the cursor over the dropdown li. Do you see that on your end?

4

Try this:

#nav li.contact li a:hover {
  margin: 0;
}
5

That worked! Thank you so much!