Skip to content

Instantly share code, notes, and snippets.

@spsaucier
Last active March 7, 2019 18:46
Show Gist options
  • Save spsaucier/c16aa904540fb8588538bba8e06a2f8c to your computer and use it in GitHub Desktop.
Save spsaucier/c16aa904540fb8588538bba8e06a2f8c to your computer and use it in GitHub Desktop.
Fixes sticky header, full-width footer, & missing header on mobile.
div#header,
.App_Header_Wrapper {
display: contents;
}
.Header.fixed-to-top {
position: sticky;
}
.App_Footer_Wrapper {
position: relative;
}
.App_Footer_Wrapper::before,
.App_Footer_Wrapper::after {
display: block;
content: '';
width: calc((100vw - 100%) / 2);
background: #002a51;
position: absolute;
bottom: 0;
height: 100%;
}
.App_Footer_Wrapper::after {
left: 100%;
}
.App_Footer_Wrapper::before {
right: 100%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment