Header Image Below Header Menu


So, what I would like to achieve is for the header image to be below the header menu and to not be behind it, because I want the header menu to have the same color when it’s scrolled all way up as it has when you are scrolling down.

How can I achieve this? Thank you.
The link to my website is www.cabar.ma


You can try to use the following CSS code.

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

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

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

Kind Regards, Roman.

I worked, the header image now starts below the header menu but the color of the header menu scrolled all the way up is now white, and not the color that it is when scrolling down.
How can I fix this?


Please leave here a note if the issue is still actual, sorry for the delay.

Kind Regards, Roman.