How to place some menu items separate from the rest?

  • I’m using the Atahualpa theme.

    In my (left-aligned) menu, I have the normal options like “Home, About, Products, Contact” as well as two items called “My Account” and “Shopping Cart”.

    I’d like to place the last two menu entries separately, a little further to the right than the other menu options, or maybe even completely right-aligned.

    Can this be done?

Viewing 1 replies (of 1 total)

  • Yes, I wanted to do the same thing. I don’t actually have atahualpa installed but I assume it will work either way.

    Here is the code I started out with;
    HTML;

    <div id="globalnav">
	<ul>
		<li class="page_item page-item-2 current_page_item"><a href="#" title="Home">Home</a></li>
		<li class="page_item page-item-44"><a href="#" title="Contact Us">Contact Us</a></li>
	</ul>
</div>

    CSS;

    #globalnav li {
	float: left;
	}

#globalnav li.page-item-44 {
	float: right;
	}

    Basically the two line items would be floated left to begin with, and you can pick specific page items to be floated right. The result in this example is that the “Contact Us” link (page-item-44) was floated right. I found the page item just by viewing source once I created the pages I needed.

Viewing 1 replies (of 1 total)
  • The topic ‘How to place some menu items separate from the rest?’ is closed to new replies.

Tags