Hero image behind menu (like shortcode slider looks)

Hello! I’m working on the following page:
https://modatecpanama.com/moda/

and I want to make it so that the first hero image that is there (a screen in elementor) is actually behind the menu and buttons like how it looks when you add a shortcode slider. Is that possible with CSS or some other code?

Thank you!

Hello, try to use the following CSS code.

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

.page-id-1105 .header-clone {
    display: none;
}

.page-id-1105 #masthead:not(.fixed) {
    background-color: transparent;
}

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

Kind Regards, Roman.

Hello Roman!

Thank you VERY much! I will try this code. I’m assuming that if I do not add the page id, the effect will happen on all pages correct? I’ll ask if anything goes wrong.

You are welcome! :slight_smile:

I’m assuming that if I do not add the page id, the effect will happen on all pages correct?

  • Yes, in that case the code should look like this:
.header-clone {
    display: none;
}

#masthead:not(.fixed) {
    background-color: transparent;
}

Kind Regards, Roman.