Hi,
how can I add the image behind the menu without that white part?
I mean, I want the image to cover the white part
like this
Thank you!
Hi @Laura_54 ,
Go to Assets > section-image-banner.css and paste this at the bottom of the file:
.banner .banner__box{
background: transparent !important;
}
Hope it helps!
does not work 
Hi @LitExtension ,
Thank you for the reply.
Our website is this one https://www.bikotestore.com and we what to remove the white part and that the images or videos that we add take all the part.
Our page is like this…
and we want something like this
Unfortunately, the code you provided does not work for us, but any help would be welcome
Thank you!
Hi @Laura_54 ,
You want this:
Please follow the steps below:
- Step 1: Go to layout > theme.liquid file and add code here:
Code: {{ request.page_type }}
- Step 2: Go to Assets > base.css and paste this at the bottom of the file:
.index .header-wrapper{
background: transparent !important;
}
.index .header__menu-item {
color: #fff !important;
}
.index .header__icon {
color: #fff !important;
}
.index #MainContent{
position: absolute;
width: 100%;
}
Hope it helps!
thank you, that worked!
Hi @Laura_54 ,
You can create a question on the community and send me the link. I will check it.
Because this will help build a better community.
Thank you.
I just realized that by doing this I lose the footer of the homepage.
It seems that it stays below the photo
how can I solve it?
Hi! i’m trying to do the same xact thing on my studio theme but i cant seem to find the same coding? any idea how i do this on the studio theme?
I had the same issue and managed to fix it by changing
#MainContent
to:
.header-wrapper
So the final code will be as follows:
.index .header-wrapper{
background: transparent !important;
}
.index .header__menu-item {
color: #fff !important;
}
.index .header__icon {
color: #fff !important;
}
.index .header-wrapper{
position: absolute;
width: 100%;
}
and don’t forget to add{{ request.page_type }} as @LitExtension suggested.