Header does not stick to the top

Beaver Builder
1

Hey Ben,

www.biocaregreen.de

previously, before all changes in CSS, the header always remained at the top, if you have scrolled down the webpage.

Meanwhile, the header always disappears at this action and returns only again when you go back to the top.

How can we re-change, so the header is always visible above?

Greez
Tom

2

Hey Tom,

Since you’re using our BB theme, could you please check if you have the fixed header enabled? You can do that by navigating to Appearance > Customize > Header > Header Layout > Set “Fixed Header” to Enabled. I’ve attached a screenshot for your reference. Let us know how it goes.

http://imgur.com/3c9H6ps

Thanks!

KC

3

Hey KC,

yes, it’s enabled, but nevertheless the header is moving and disappears.

What can we do?

Need admin-access?

Tom

4

Hey Tom,

I’ve just checked your Website and it looks like a CSS snippet is hiding it. Could you please remove the CSS code as shown below from your Custom CSS section? Let us know how it goes. :slight_smile:

.fl-page-header-wrap {
  display: none;
}

Thanks!

KC

5

Hey Tom,

A little correction there, could you please replace the CSS snippet above with the below?

.fl-page-header-primary .fl-page-header-wrap {
display: none;
}

Thanks!

KC

6

Hey KC,

that didn’t change anything.

Could you please have a look.

Tom

7

Hey Tom,

Just checked your Website and it looks like the sticky/fixed header is working now. You’ll just have to style it to look like the primary menu. I’ve attached a screenshot for your reference. Let us know how it goes.

http://imgur.com/ITUraG4

Thanks!

KC

8

Hey KC,

I’m sorry, But that’s not The way i want it.

The Header should always Look The Same, just like when you are AT The top of The Site. Green backround etc.

And it should stick to The top when you scroll down, and never change his size and design!!

Tom

9

I’ve made a Screenshot.
The Header should Exactly Look and STAy like this.
http://imgur.com/Fuh1It6

Tom

10

Hey Tom,

You can style the header with the settings under Appearance > Customize > Header > Header Style. Then use the CSS Snippet below to hide the header title.

.fl-page-header-logo {
    display:none;
}

Thanks!

KC

11

[Content Hidden]

12

Hey KC,

do not be angry, but I want to take me to the matter again in remembrance.

Thx
Tom

13

Hey Tom,

Try adding this to your styling and see if it fixes it. :slight_smile:

.fl-page-header-row .col-md-3 {
	width:0px;
	padding:0px;
}

.fl-page-header-row .col-md-9 {
	width:100%;
	padding:0px;
}

Thanks!

KC

14

Hey KC,

thank you for your support.

But that’s not what i had in mind.

When i scroll down, the header switches to another “look” - confessedly quite similar - but but not completely identical.

The user notices that something is not quite right.

I would actually like that the header does not switch, but simply when scrolling up and down stays at the top. A few weeks ago it has worked wonderfully - i think Ben fixed it at that time.

Could I express myself clear?

Tom

15

Hey Tom,

Just fixed some CSS snippet for you and it should look as intended now. Could you please check on your end?

Thanks!

KC

16

Hey Tom,

Try checking the KB article below. It makes the primary header fixed and I believe that’s what you’re looking for.
http://forum.wpbeaverbuilder.com/knowledge-base/make-primary-header-fixed/

Ben

17

Hey KC and Ben,

absolutely great guys!!

That’s exactly what i had in mind!! :wink:

Thank you very much!!

So i wish you a great New Year’s Eve party and a good start in 2016!!

Greez
Tom

18

Hey Tom,

Enjoy BB and let us know if you need anything further! :slight_smile:

Thanks!

KC