Hide Header (Titlebar) on scroll?

[Tobias]

Has someone done this?
I would like to hide the Titlebar on scroll. Maybe just on Mobile Devices!

Here is an example of what i am thinking of:
http://wicky.nillia.ms/headroom.js/

Would be nice the have that in the Theme anyways.. 🙂

[Alyssa]

@snikay I have forwarded this information to the developers.

[Alyssa]

I think there may be a problem if you try to scroll if the menu is open and we are using a scrolling div, not sure it will work but thanks for the info.

[Tobias]

I installed the headrooom.js (third party) plugin and it’s working fine for me;
https://wordpress.org/plugins/headroomjs/

First i had problems, than I just dropped the whole content of the plugin’s headroomjs/css/headroom.css into the (child) theme’s custom.css and it’s working just fine!

[Alyssa]

Awesome, then you should probably look for it in a future release 🙂

[Tobias]

In a future Boss release? This would be awesome! 🙂 Because it’s still just working – not looking pretty..

(For notice if someone else reads this and is interested)
Now i’m dealing with the problem of the hiding logo and have to put it in the BuddyPanel somehow. I will try it tomorrow. If I fail, i’ll wait for you guys 😉

See my post here: https://www.buddyboss.com/support-forums/topic/logo-in-left-sidebarbuddypanel-instead-in-header/

[BusinessPapers]

I just had a user complain about my site’s header on mobile blocking page content (see attached screenshot).

I think I’ve temporarily fixed the problem with this line of CSS: .is-mobile #mobile-header {position:relative!important;} but it’s still not quite right. Has this headroom.js idea been included in Boss already? If so, there’s still trouble…

[Anonymous]

Hi @davejay, Its added in our setting that users want a static header or not…they can select it from theme setting panel.

I will check it with developers..

Regards

[BusinessPapers]

Thanks @pallavi. Forgive me, but I’m not seeing any option in Boss settings for disabling the static header – just the choice of header style. Am I missing something?

[Anonymous]

Hi @davejay, I apologize..by mistake I suggested you our other theme’s option panel..

At present, the css trick you used, is completely removes the fixed header on mobile view.

Please try this one:

.is-mobile #mobile-header {
    top: 0px !important;
}

Regards