Hi, I've just tackled my first theming tasks...

First I wanted to move the links around. Out of the box the Primary and Secondary links are identical, on the same line, and not distinguished or grouped in any visually meaningful way! So I wanted to try the following:

  1. Move the Search to the far right of the navbar. Then move the Secondary links as a group to the right beside the Search. Leave the Primary links on the left.
  2. Move the Secondary links as a group to a new line centred; below the Primary links and Search.

I thought (1) would be the very simple. I was dismayed that it took me several days to crack. I ended up using the Nista sub theme as a starting point but it had the same basic issues. [I'm not a total newbie, have done some basic CSS in the past and even some PHP code.]

Now I can do (1) using just CSS. [I may go back to trying (2) but I'm pretty weary!!]

Would anyone like to show me how they achieve these! It seems so basic; I feel it should be easy.

I'll follow up this a post on my thoughts on what I think is the basic Zen CSS usage flaw that hindered my progress.

thanks,
Neil

Comments

Anonymous’s picture

Anonymous (not verified) commented

If I remember correctly, I put a clear: right on the secondary links UL.

#secondary ul { clear: right; }

Though I am still grappling with how to best layout/style the main navigation >.<

akalata’s picture

akalata commented
Status: Active » Closed (fixed)

Closing old, inactive support requests.