I need help removing gap between logo and navbar (Metro Pro)

[manicminer]

Hello, I'm trying to set up a full size header without right widget in the Metro Pro theme.

When I resize the browser there is a gap that I want to remove... is this possible? I'm not a CSS expert at all and any help would be greatly appreciated.

http://sandbox.nombrisimo.com

[jengabbard]

Where is the gap you want to remove? I was trying to recreate it but it looks the same in a few different browsers to me. Is there a gap between the logo and navbar? Or is it the gap under the navbar?

---

Puppy Leaks I love the Metro theme

[manicminer]

Hello jengabbard, thank you for your reply.

The gap appears when I resize down the window (or viewing it from a mobile phone): http://mobiletest.me/iphone_5_emulator/#u=http://sandbox.nombrisimo.com

[jengabbard]

Unfortunately that issue is beyond anything I know about. What I do find interesting is if I change it back to the regular background rather than your header image there's no gap. I'm wondering if theres a sizing function somewhere that needs to be changed.

DId you add support for a custom header in php? Is the width of the image 1080?

Both of these have worked for that theme -

How to add a responsive Header image in Metro Pro

http://wpsites.net/web-design/customize-header-logo-banner-images-in-metro-theme/

---

Puppy Leaks I love the Metro theme

[manicminer]

Yes, I changed this to the size of the header:

add_theme_support( 'custom-header', array(
        'width'           => 1068,
        'height'          => 152,
        'header-selector' => '.site-title a',
        'header-text'     => false
) );

I'll try. Last time I tried with the last one and got the image displaced, I will try again, thank you jengabbard.

[manicminer]

It worked!! I tried the first one.

Thank you very much jengabbard 🙂

[manicminer]

Is it possible to make the header auto-resize for every resolution? it resizes for mobile browser but appears cutted in other widths.

url: http://cordobatoons.com

[Author]

Posts