Thread Starter
cindy c
(@cindy_conlinyahoocom)
Correction: The other two nav menus are actually off-center (vertical center in banner) as well, it’s just smaller and harder to notice! So maybe it’s not the menu-parent-item class at issue.
You’re correct, background images aren’t responsive. Your header seems to work fine though, so I’m not sure what you’re actually trying to achieve. When the browser size reduces, your header container still has a background image. You just can’t see it all as obviously it’s wider than the browser width. As far as the height goes, this changes because you’ve added a media query in your child theme stylesheet to change the height when the browser width is 820px or less.
I’m presuming you’ve sorted out the second part of your question as well as it doesn’t look like there’s any extra padding or margin above the nav that needs removing.