How can I display an image banner behind the menu on the main page?

[divsew]

I use the Studio theme and I want my banner to be also displayed behind the navigation/menu area, so that the image is behind the menu, but only on the main page. How do I do that?

[SmallTask]

Hi @divsew ,

Can you share your store URL

[GemPages]

Hi @divsew ,

Can you give me your page URL( with pass if your store password is enabled) so I can check it for you?

Kind & Best regards,
GemPages Support Team

[divsew]

https://divferent.eu/

[divsew]

it is https://divferent.eu/

[Ujjaval]

@divsew
Put below css into base.css file (Online store->Themes->Edit code->assets->base.css)

sticky-header.header-wrapper.color-background-1.gradient {
    background-color: transparent !important;
}
summary.header__menu-item.list-menu__item.link.focus-inset {
    color: white !important;
}
a.header__menu-item.header__menu-item.list-menu__item.link.link--text.focus-inset {
    color: white !important;
}
div#Banner-template--15057320509551__1661450390d8062224 {
    margin-top: -54px !important;
}

[divsew]

Hi Ujjaval. Thank you for your response. However the image is not showing up behind the menu list (season thee, repair studio, gallery, previous season) it is now all white.

And also, is it possible to make the white where my logo is also transparent?

[divsew]

Like this: