fix header on subpages when displaying annoucement bnr

9 years ago · af0edc9d9c
1 changed files with 6 additions and 0 deletions
--- a/website/source/assets/stylesheets/_header.scss
+++ b/website/source/assets/stylesheets/_header.scss
@ -8,6 +8,11 @@ body.page-sub{
  #header{
    @include consul-gradient-bg();

+    &.-displaying-bnr{
+      > .container{
+        padding-bottom: 32px;
+      }
+    }
    .navbar-brand {
      .logo{
        &:hover{
@ -23,6 +28,7 @@ body.page-sub{
  // add this class
  &.-displaying-bnr{
    > .container{
+      padding-top: 8px;
      -webkit-transform: translateY(32px);
          -ms-transform: translateY(32px);
              transform: translateY(32px);