ThemeShaper Forums » Thematic

[closed]

How to align single navigation menu item right?

(7 posts)
  • Started 7 years ago by jhismith
  • Latest reply from jhismith
  • This topic is resolved

  1. jhismith
    Member

    I want to align a single navigation menu item right. I want the standard menu aligned left and an RSS Feed menu item aligned right. I think I have to assign CSS to a single menu item but I can't see where.

    Posted 7 years ago #

  2. helgatheviking
    Moderator

    use http://getfirebug.com or chrome's built-in dev tools to isolate a specific CSS class you can target

    Posted 7 years ago #

  3. jhismith
    Member

    thanks for response. using firebug.

    on www.democracyinafrica.org i'm trying to move the contact item (menu-item-55) to the right. will change later to rss feed, just want to know how for now.

    tried:

    .sf-menu li menu-item-55 a {
    float: right;
    }

    and different variations but nothing.

    Posted 7 years ago #

  4. helgatheviking
    Moderator

    floating the A element isn't going to work b/c it is inside the LI element that is floated left. also the entire sf-menu is floated left, meaning it is only as wide as the elements it contains. you'll need to fix this or you can float right but never notice. try this:

    .sf-menu {
float: left;
width: 100%;
}
.sf-menu li menu-item-55 {
float:	right;
}

    or you could add the menu item this way:
    http://wpfirstaid.com/2010/10/extend-the-wordpress-menu/

    Posted 7 years ago #

  5. jhismith
    Member

    No joy with the above CSS. Will give the wpfirstaid option a try but if anyone can help with the CSS?

    Thanks.

    Posted 7 years ago #

  6. helgatheviking
    Moderator

    above works fine, except for a couple of typos... oops

    .sf-menu li.menu-item-55 {
float:	right;
}
    Posted 7 years ago #

  7. jhismith
    Member

    thank you so much.

    Posted 7 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.