Help Changing Header/Nav Height on Portfolio Pro

[gstrout]

I am trying to change the height of the header/nav area in Portfolio Pro but so far none of the CSS classes I am targeting seem to have any effect. I'm trying to use the Custom CSS to make targeted changes but I don't know which elements to focus on. I have very rudimentary knowledge of CSS so I would appreciate any help you could give. What am I missing?
I was hoping to have the top Nav be a fairly thin black bar across the top, about as thick as the logo is.

Thanks for any help you can give!
Geoff

http://www.newcreationcomics.com/

[Genesis Developer]

Replace

.site-header {
    height: 160px;
}

WITH

.site-header {
    height: 83px;
}

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[gstrout]

Thank you!
I changed that CSS and the header is now the height I wanted... Unfortunately now the menu items disappear when the menu responsively resizes for a smaller screen size.

Actually, I was hoping to keep the logo on the left and keep the menu items over to the right when resized for smaller screens but didn't know how to do it.
Here's what I was hoping to achieve:

(Possibly even swapping to a smaller logo for smaller screen sizes?)


Is there a way to achieve this with CSS using this theme?
If it's complicated, perhaps you could point me to a tutorial I could try?
Again, my CSS knowledge is spotty so any help you could offer would be very appreciated.

[gstrout]

So, I worked with the CSS and the Menu Items are no longer hidden.
However, now they cover the content when I hit the first responsive breakpoint.
Which of the CSS entries would I need to change this behavior?

Again, any help would be greatly appreciated!

[Author]

Posts