Header And Top Bar Transparent
Stefan
Hi, we're using helix ultimate and we have the following sort:
top bar (height 10px) header (height 60px) div-container
in the div container i've a background image with a setting "margin top -70px". top bar and header have the option "background-color: transparent;"
My idea as to expand the background image of the div to the top bar and the header. But the background is still white/transparent without content.
any idea?
Stefan
Accepted Answersolved.
@media only screen and (max-width: 767px) {
.com-sppagebuilder #sp-main-body { margin-top: 0px; }
sp-header {
background: rgb(0 0 0 / 50%)!important;}
sp-top-bar {
background: rgb(0 0 0 / 50%)!important;}
}
Rashida Rahman
Accepted AnswerHi there!
Can I have screenshots with indication of what you want, please?
Best Regards
Stefan
Accepted AnswerSure. https://ibb.co/kDhxPgV
1: top bar 2: header 3: main content
I want to habe the background of 1+2 transparent, so that I can see the background of 3. (3 is a slider with a different background image per slide)
Rashida Rahman
Accepted AnswerHi Stefan,
You can use the following code in your custom.css file:
.com-sppagebuilder #sp-main-body {
margin-top: -127px;
}
#sp-header {
background: rgb(0 0 0 / 0%)!important;
}
#sp-top-bar {
background: rgb(0 0 0 / 0%)!important;
position:relative;
z-index:99;
}Hope this helps!
Best Regards
Stefan
Accepted AnswerHi, many thanks. Can you tell me, how I can set the following to 0px only for mobile devices?
.com-sppagebuilder #sp-main-body { margin-top: -127px;