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?
solved.
@media only screen and (max-width: 767px) {
.com-sppagebuilder #sp-main-body {
margin-top: 0px;
}
background: rgb(0 0 0 / 50%)!important;}
background: rgb(0 0 0 / 50%)!important;}
}
Hi there!
Can I have screenshots with indication of what you want, please?
Best Regards
Sure.
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)
Hi 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
Hi,
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;
Glad that all is ok now.
And you are always welcome!