Header size/height different on other pages

  • Hi all. Total numpty at WordPress, but I’m having difficulty with the theme displaying a different header size (height) on the front page, versus all other pages. Is there additional CSS I can add that would ensure it’s the full size on the other pages too? I’ve tried a few options from other threads I’ve found in support for themes, but none of them seem to make any difference to the pages.

    example: 

    .masthead {
height:360px;
}

    Interestingly, it’s showing in full width on the OTHER pages, when on mobile. But the header is cut down from the sides on the front page. So: On desktop, full size only in front page. On mobile: Full size only on other pages than front page. What the heck?

    I’m probably making a mess of this code.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter maggiekateharris

    (@maggiekateharris)

    I found something that helps – a little – from another forum. But it still doesn’t show the full image. I’ve played with the pixels, but no luck:

    .site-branding {
    padding: 2.5em 0;
    }

    @media screen and (min-height: 360px) {
    .site-branding {
    padding: 7.75em 0;
    }
    }

    Moderator jordesign

    (@jordesign)

    Hi @maggiekateharris – I’ve spent some time playing around with this – and it looks like there’s not really a way to achieve the kind of thing you’re hoping for with the internal pages.

    To be honest, what I’d suggest is switching to one of the newer Block Themes (like Twenty Twenty-Four) as those themes offer a HUGE amount of flexibilty of how they are displayed.

    Block themes

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.