Transparent Header is In The Wrong Position After Adding Custom CSS - Question | JoomShaper

Transparent Header is In The Wrong Position After Adding Custom CSS

O

openframes

General 3 years ago

Hello there,

I'm using the template shaper onepage. After adding the following code to make the menu transparent, my header is in the wrong position:

sp-header {

background-color: transparent;
position: absolute;
height: 70px;

} In the starting position the whole header has moved to the very left, where it doesn't belong. (this is even the case with offcanvas) If I scroll down and the header appears again, everything is fine. How can this problem be solved?

Best Falko

0
5 Answers
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 years ago #11184

Hello openframes

Please remove the custom CSS and let me know what you need.

Best regards

0
O
openframes
Accepted Answer
3 years ago #11403

Hello Ofi,

I removed custom CSS. What I need, is a transparent header, menu and logo directly on top of the section background.

Best regards

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 years ago #12105

Please use this CSS to Template Options -> Custom Code -> Custom CSS

#sp-header{
    position: fixed;
    width: 100%;
}
0
O
openframes
Accepted Answer
3 years ago #12154

Thank you! That works!

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 years ago #12698

You are welcome

0