Shift Header Image Down Relative to Header


I have placed an image into the header but the image I have inserted is under-lapping the header at the top shown in the screenshot. Is there a way to nudge the header image down so that In desktop as well as mobile view it display the same distance?

I basically would to create some padding at the top and bottom of the image on both desktop and mobile view, but obviously relevant to the header as I have set a permanent overlay that chops the top of the header image off as shown in the second screenshot.

Many thanks


Hello Will,

Can you please provide a link to your website?

Kind Regards, Roman.

Hi Roman

The website is

Hello Will, thank you for a link. Try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

@media (min-width: 1025px) {
    .sydney-hero-area {
        margin-top: 109px;

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

Kind Regards, Roman.