Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #328709
    brianmor
    Participant

    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]

    #328813
    tikaram
    Participant

    @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

    #328879
    brianmor
    Participant

    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/

    #328912
    tikaram
    Participant

    @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

    #328965
    brianmor
    Participant

    That worked, thank you!

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

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Excess space before menu’ is closed to new replies.