Header and nav styling

[vtolbert]

I'm pretty new to Genesis and am having trouble specifying the site-title image and the navigation on this site. The original is at the same URL without the dev.
The client has added more navigational links and it is messing up the alignment. Because of that he wants to move the menu below the logo. I appreciate any guidance on how to get that done.

http://www.dev.instituteforconsciousbeing.org/

[Pixel Frau]

It looks like you're on the right track using the built-in primary navigation menu location. What exactly do you need help doing? Changing colours, moving something?

[vtolbert]

Thanks, Julia. I want to move the logo to the left like on the original site and finesse the menu (center it, take away the dark background, add space between the links, etc.) to make it all look nicer. I'm using Firebug but no combination of selectors I try seem to have any effect.

[Pixel Frau]

Gotcha. A non-code cheat for the logo would be to put an empty text widget in the header right widget area. Otherwise you'll want to change this, but keep in mind you'll likely want the logo centered for mobile:

.header-full-width.header-image .site-title a {
    background-position: center !important;
    margin: 0;
}

You can change the primary nav background color here:

.nav-primary {
    background-color: #383838;
}

and center it by adding text-align: center; to .nav-primary .wrap .

[vtolbert]

Thanks for that! I'll give it a try.

[dmotel]

Hi! I am a volunteer trying to help this site: http://www.opencenter.org move the nav links a bit closer to the left towards the logo but I don't see an Edit link in this theme for some reason like other themes so I don't know how to get at the css.
Help?

[vtolbert]

I got the logo positioned better by adding the empty text widget, as you recommended. Thanks!

However, I really can't get anything I put on the "Edit CSS" under Appearance to work. I added:
.site-inner, .wrap {
text-align: center;
}
and saved the changes with no results.

Also, I'd like to be able to manipulate the body background color as well as the navigation background colors and padding, but can't get anything I try to have any effect at all with the Edit CSS. Please help!

[Pixel Frau]

Is there a caching plugin installed? Or does the web host have caching enabled? That's the most likely reason CSS changes don't appear, flushing the cache should resolve it.

[vtolbert]

Thank you. I don't have a plugin but have contacted Bluehost to see what the problem might be. I really appreciate the tip!

[Author]

Posts