Sticky menu overlap front page video

Hi,

is there any way to pull video down on front page so sticky menu do not overlap it?

Thanks

Hello @itsmehir,

Can you please provide a link to your website?

Kind Regards, Roman.

Here is the link.

In case if you want to know what I want to achieve,

The sticky menu on home page convers part of the video. We want to start it as lower than menu.

Thanks

Hello @itsmehir,

Please try to use the following CSS code.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

@media only screen and (min-width: 992px) {
    .sydney-hero-area video {
        margin-top: 140px;
    }
}

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

Kind Regards, Roman.

Thank you, seems like working but I have not tested enough.

If I want same effect on tablet, should I just go ahead and reduce min-width criteria?

You are welcome @itsmehir.

As far as I remember, I tested the mobile view of your website with the CSS code above and it worked well by default. However, I can’t make sure now because you removed your header video.

Kind Regards, Roman.