Skip to content

Instantly share code, notes, and snippets.

@brankoconjic

brankoconjic/sinatra-sticky-header.css

Last active June 23, 2020 16:09
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 brankoconjic/99bd09b25f40e94fc44ebae745b3eaff to your computer and use it in GitHub Desktop.
Save brankoconjic/99bd09b25f40e94fc44ebae745b3eaff to your computer and use it in GitHub Desktop.
Download ZIP
Sticky header CSS for Sinatra theme.
Raw
sinatra-sticky-header.css
/*****************************************/
/* Sticky Header CSS
/*****************************************/
.si-sticky-header #sinatra-header-inner {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 999;
}
.si-sticky-header.admin-bar #sinatra-header-inner {
top: 32px;
}
@media screen and (max-width: 782px) {
.si-sticky-header.admin-bar #sinatra-header-inner {
top: 46px;
}
}
@media screen and (max-width: 600px) {
.si-sticky-header.admin-bar #sinatra-header-inner {
top: 0;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment