Making the header fixed

vivko · August 2019

Hi,

I am trying to make the header fixed (not to disappear on scroll).

I disable sticky header and added the css

Header .top_bar_left, .header-classic #Top_bar, .header-plain #Top_bar, .header-stack #Top_bar, .header-split #Top_bar, .header-fixed #Top_bar, .header-below #Top_bar, #Header_creative, #Top_bar #menu, .sticky-tb-color #Top_bar.is-sticky {

background-color: #8694a8;

position: fixed;

}

but this just makes header background disappear.

How can I lock the header?

Pablo · August 2019

Hello,

You can set your header to be fixed in the theme options.

Just select the "Fixed" header in the Theme Options > Header & Subheader > Header

Thanks

vivko · August 2019

I see, thanks.

It works.

But tell me, the header has a lower transparency than 1 (full).

How do I make header not transparent and in full color?

Bryan · August 2019

It requires custom css, please send a link to your page and we will write it for you.

cheers

vivko · August 2019

Thanks. The link is:

http://trt.za.net/be/

Bryan · August 2019

Here you go

.header-fixed #Top_bar {
	opacity: 1 !important;
}

cheers

vivko · August 2019

Thank you very much.

Making the header fixed

Comments