ThemeShaper Forums » Thematic

[closed]

How to align single navigation menu item right?

(7 posts)
  • Started 2 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 2 years ago #
  2. use http://getfirebug.com or chrome's built-in dev tools to isolate a specific CSS class you can target

    Posted 2 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 2 years ago #
  4. 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 2 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 2 years ago #
  6. above works fine, except for a couple of typos... oops

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

    thank you so much.

    Posted 2 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.