Make Header Transparent
Dinuka
I need to make a transparent header on educon template. I tried the below CSS, but i can't get image under the header.
#sp-header {
background: #transparent! important;
}
#sp-header.menu-fixed {
background: #660000 !important;
}
Mehtaz Afsana Borsha
Accepted AnswerHi,
Thanks for contacting us. Could you please give me your site URL so that I can check?
-Regards.
Dinuka
Accepted Answer
Anne
Accepted AnswerHello there,
Please use this code:
#sp-header {
background: transparent !important;
position: absolute;
box-shadow: none;
}-Regards
Dinuka
Accepted Answer#sp-header {
background: transparent !important;
position: absolute;
box-shadow: none;
}with this code, can't add top bar @Mehtaz here with i am sending admin access
Dinuka
Accepted Answerbefore scrolling, I need a transparent header. when it is scroll it should be with the background color.
Mehtaz Afsana Borsha
Accepted AnswerIf possible please give me a demo what's kind of actually you are looking for.
Anthony Johnston
Accepted AnswerYour header is transparent. The color that you can see is because the background is set to color #880000 which is displayed behind the transparent header.
The easiest way to fix this is to set the top margin of the section underneath the menu to a negative value (the height of your header which is 90px) which will push it up and hide the color