Header reduction and shift

I’d like to reduce the header image down by 30px or so to leave a white band above it in which the site logo and primary menu can sit.

And ideas ??

Managed to shift the header image down by using a bit of extra css …

.header-image { 

But its only moved the header image and not the grey overlay :frowning:


Can you please provide a link to your website?

Kind Regards, Roman.

Hi Roman.
The site is not live yet but here is a screen shot.



You can try to use the following CSS code.

You can add CSS code in Dashboard → Appearance → Customize → Additional CSS.

@media (min-width: 1025px) {
    #masthead:not(.header-scrolled) {
        background-color: white;

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

HI Roman.

Spot on … excellent :smile:

I’ll place the next question as a separate thread.
Many thanks.

You are welcome! :slight_smile:

Kind Regards, Roman.