Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 68
  • Last Modified:

How do I move the left menu items to the right?

Before you offer a solution please do not send me a link without an explanation. Do not post that my theme code needs to rewritten, etc. Do not tell me I need to learn CSS.

You're just wasting my time AND yours.

Please just offer me a real solution to the problem.

I have a Wordpress Twenty Twelve theme site here: http://rentawebguy.net/jenn/

The left menu at top (with a black border) needs the menu items aligned to the right. They should have no padding on the right side so that hit the right side of the box.

Thank you for looking.
0
Donnie Walker
Asked:
Donnie Walker
  • 3
  • 2
1 Solution
 
Dan CraciunIT ConsultantCommented:
Add this to your CSS:

#top-menu li:last-child {
margin-right: 0;
}

HTH,
Dan
0
 
Donnie WalkerAuthor Commented:
Dan,
 I added that to the stylesheet but nothing changed. Any idea?
0
 
Dan CraciunIT ConsultantCommented:
Yeah, I forgot. You need to actually align it to the right :)

ul#top-menu {
text-align: right;
}
#top-menu li:last-child {
margin-right: 0;
}
0
 
Donnie WalkerAuthor Commented:
Perfect Dan...excellent! Thanks!
0
 
Dan CraciunIT ConsultantCommented:
You're welcome.
Glad I could help!

PS: if you're targeting old browsers, without support for last-child, you'll need to use the id of the last li:
li#menu-item-23 {
margin-right:0;
}
Which can be a pain to maintain if you decide to add another item to that menu.
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now