Transparent Header is in the wrong position after adding custom CSS - Forum | JoomShaper
Staff replied General

Transparent Header is in the wrong position after adding custom CSS

Asked by openframes 5 years ago Last activity 5 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

5 replies

Oldest first Newest first Most helpful
Ofi Khan Staff
5 years ago

Hello openframes

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

Best regards

openframes Asked this
5 years ago

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

Ofi Khan Staff
5 years ago

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

#sp-header{
    position: fixed;
    width: 100%;
}
openframes Asked this
5 years ago

Thank you! That works!

Ofi Khan Staff
5 years ago

You are welcome

Log in to reply.