Skip to content

Instantly share code, notes, and snippets.

@JohnBunka

JohnBunka/additional-or-custom-css.css

Last active October 2, 2017 16:36
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save JohnBunka/909dec6e7435f4eaafa0f016aa94843c to your computer and use it in GitHub Desktop.
Save JohnBunka/909dec6e7435f4eaafa0f016aa94843c to your computer and use it in GitHub Desktop.
Download ZIP
How to create a fixed Top Bar Menu in Beaver Builder
Raw
additional-or-custom-css.css
/*
Add this to the Additional CSS area in the customizer or to the style.css in your child theme - More info and help at www.PressAvenue.com
or on the blog post https://pressavenue.com/create-fixed-top-bar-menu-beaver-builder
*/
.fl-page-bar {
position: fixed;
width: 100%;
z-index: 999;
}
.fl-page-header-fixed {
margin-top: 47px; /* adjust this based on your header padding*/
}
.fl-page-header-primary {
padding-top: 47px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment