executive theme navigation question

[delight]

http://pixelpiestudios.com/

On my site I want to get the nav down in line with my logo, but cant tell which part of the css i can change to move it.

Also, I wanted to put a custom background with 100% width thru the middle part, but cant tell where I can add that either in the css.

 

http://pixelpiestudios.com/

[sangfroidweb]

Hi!
One way to approach this (centering the menu text vertically with the logo) is to set the line height for the top level menu items (only) to be equal with the height of the logo by adding a line like this:

#header .menu > li > a {
line-height: 108px;
}

For adding the custom background, do you mean you want to add it in the header?...I wasn't sure what you meant by 'thru the middle part'.

thx! Liz

---

Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

[delight]

No, not the header but the content area, the area between the header and footer.

 

thanks.

[delight]

Hi,

 

thanks, changing the line height worked, now I need to center the entire thing, where can I do that?

 

[sangfroidweb]

Whoa...I think I need to rethink the line-height advice! When you select one of the regular navigation items, it's crazy tall and hoses the navigation layout. Let me see if I can think of another way to do it....maybe someone else has an idea.

---

Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

[sangfroidweb]

As far as centering the menu horizontally, I would try setting the navigation ul to display:inline-block; and set the text-align on it's parent container (or some ancestor) to center. This wouldn't be foolproof in every browser, but would work in most.

---

Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

[delight]

ok, well let me ask you this, I added an image to a menu item to get that imaged in the center of my nav, maybe there is a better way to do that all together than adding an image to a menu item?

Thanks.

[Author]

Posts