Modern Portfolio header and nav not centering on mobile

[Elaine Griffin]

Hello! For some reason, my mobile responsive site isn't mobile responsive. It's just the header and nav - the rest look great!
I've been around and around with it. I'm sure it's something I'm overlooking.
Thanks for any help!
Elaine

http://www.elainegriffindesigns.com/

[nutsandbolts]

The nav is responding fine for me, but the header image is a little too wide. Did you add the header in your stylesheet or using Appearance > Header?

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[Elaine Griffin]

Thanks nutsandbolts!
I edited the functions file to change the size of the header and then added it via appearance > header.

[nutsandbolts]

You might try adding background-size: contain; to #header in your stylesheet to see if that helps the logo resize correctly.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[Elaine Griffin]

Shoot, no, that didn't do it.

[nutsandbolts]

In Firebug, if I add background-size: contain !important; it forces the logo to resize, so try that instead. 🙂

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[Elaine Griffin]

Oh my gosh! I have tried this every which way, and I'm just not getting it to work! Very frustrating.

[Author]

Posts