Sticky Header

verdipro · July 2020

Is there a way to add the top header as a sticky so that it slides down with the main header? If you can direct to which file this is & if it just needs the CSS added, I can set that up.

Additionally I considered switching to the BeTheme Header Builder in order to do this, but I didn't see an option to make the logo & navigation full width. So that elminated that idea.

Pablo · July 2020

Hello,

The Muffin Header Builder does not have the sticky smooth slide down yet.

About the normal header, can you send me a link to your website?

thanks

verdipro · July 2020

https://www.verdipro.com/sandbox/njchartersjune/

Just want the white top header to be part of the sticky. There are a lot of includes files & I haven't been able to figure out exactly which one it lives on, if it is there.

Pablo · July 2020

To make the "Action Bar" sticky, you have to use other type of header - which is "Fixed"

Theme Options > Header & Subheader > Header

thanks

verdipro · July 2020

That worked, thank you.

Is there a way to get the top header to appear in some way on mobile? Even if those menu items get pushed to the mobile menu that is fine also. But right now they do not appear at all.

Pablo · July 2020

Yes, but without being sticky on scroll, use this CSS code:

#Action_bar{display:block !important}

Thanks

verdipro · July 2020

Ah thank you. I thought it was not present in the PHP file controlling it. Didn't realize it was just a simple display none via CSS.

verdipro · July 2020

Is there any reason, why with a "Fixed" header it pushes the subheader & title bar to the top, so that some of it now falls behind the navigation? That is happening with revolution slider as well.

Pablo · July 2020

That's because fixed header does have the 'Fixed" position, which means that it is not inserted in the page content, so it's not pushing it down, that's why all of the elements are higher than with classic header enabled.

Thanks

verdipro · July 2020

ok thank you. So only way of fixing this is by adjusting the CSS?

Bryan · July 2020

Please read this topic:

https://forum.muffingroup.com/betheme/discussion/54503/fixed-menu-subheader-issue

Sticky Header

Comments