I want to show %pages on all pages EXCEPT the home page; for the home page, I want to use %cats.

That is, home displays %logo %cats and all the rest display %pages %logo

So, here's my current setup:

Header has %pages %logo %cats

To hide %pages on the home page, it was pretty simple enough:

body.home #menu1 {display:none;}

However, I'm having a trickier time with displaying %cats only on the home page. I'm calling %cats by default in the header info, so I figured I would 1) have to make the default display as none 2) override that on the just the home page to display. This is my CSS insert:

To hide %cats:

#menu2 { 
	display:none;
}

To display %cats on the home page:

body.home #menu2 {display:inline;}

The problem is that it is going with whatever comes second in the CSS insert rather than being case specific per body.home.

Would it be easier to use a PHP if statement around the %cats callout?

It would be easier to use a php if, but Wordpress now prevents themes from using the eval() function. This is how Atahualpa use to do it, but it had to be removed in order to keep the theme listed.

So you are stuck doing it the CSS way. Try adding an '!important' at he end of the css

!important wound up repeating the same all-or-nothing effects as the order.

However, I came up with a workaround.

div#menu2.menu-home-menu-container {
	height: 100px !important;
	position: relative !important;
	top: -50px;
}


body.home #menu2 {
padding-top: 50px;
}

The height opens up the container to 100px. The position/top settings move it OFF the top of the screen, so it's not visible to the user. Then the body.home padding scoots it down 50px (within the container that now has a height of 100px) so it's visible at the top on the home page.

Not the ideal solution but it gets the job done.