[brianmor]

I’m refurbing an old website built with Catch Base Pro, using a new license.

Viewed on a desktop browser, there is excess space between header image and menu bar, which disappears when the browser window becomes small enough to trigger the mobile menu (hamburger icon).  I am NOT displaying Site Title, Tagline or Logo, but using a header image across the entire site.

I’ve tried some of the fixes for similar problems reported many years ago, without success.  Can you please advise?

https://troonold.org.uk   [WP 6.3.2  Catch Base Pro 4.4.4]

[tikaram]

@brianmor : The recommended image dimensions for header image is : 1200 x 400 px. I checked your site and it looks like you are using image with dimensions : 1260 x 240 px. Can you please try changing the image dimensions to recommended size and let me know.

Regards,
Tikaram

[brianmor]

So I swapped to a header image sized 1200 x 400 px, but the excess space didn’t disappear, it just got pushed down the page.

FYI, the image sized 1260 x 240 is the one we have used with Catch Base Pro for years – see the website on Internet Archive Wayback Machine: https://web.archive.org/web/20220708030325/https://www.troonold.org.uk/

[tikaram]

@brianmor : Login to your WordPress admin section. Go to Appearance => Customize => Additional css and add the following css.

@media screen and (min-width: 990px) {
    #masthead {
        display: none;
    }
}

Let me know if this helps you out

Regards,
Tikaram

[brianmor]

That worked, thank you!

I’ve even been able to go back to my preferred original 1260 x 240 px header image.

[Author]

Posts