diff --git a/website/source/assets/stylesheets/_header.scss b/website/source/assets/stylesheets/_header.scss index 0aaf557a3..f32b13ed6 100755 --- a/website/source/assets/stylesheets/_header.scss +++ b/website/source/assets/stylesheets/_header.scss @@ -21,6 +21,7 @@ body.page-sub{ #header { .navbar-brand { .logo{ + padding-left: 50px; font-size: 0; text-transform: uppercase; background: image-url('../images/consul-hero-logo.png') 0 0 no-repeat; @@ -75,9 +76,12 @@ body.page-sub{ .navbar-brand { .logo{ padding-left: 37px; - //font-size: 18px; - @include img-retina("../images/logo-header.png", "../images/logo-header@2x.png", $project-logo-width * .75, $project-logo-height * .75); - //background-position: 0 45%; + @include img-retina("../images/consul-hero-logo.png", "../images/consul-hero-logo@2x.png", $project-logo-width * .75, $project-logo-height * .75); + + img{ + width: 72px; + height: 14px; + } } } } diff --git a/website/source/assets/stylesheets/hashicorp-shared/_hashicorp-header.scss b/website/source/assets/stylesheets/hashicorp-shared/_hashicorp-header.scss index c9bc593b6..43c1f3259 100755 --- a/website/source/assets/stylesheets/hashicorp-shared/_hashicorp-header.scss +++ b/website/source/assets/stylesheets/hashicorp-shared/_hashicorp-header.scss @@ -59,7 +59,6 @@ .navbar-toggle{ height: $header-height; margin: 0; - padding-right: 15px; border-radius: 0; .icon-bar{ border: 1px solid $black; @@ -196,6 +195,14 @@ } } +@media (max-width: 992px) { + #header { + > .container{ + width: 100%; + } + } +} + @media (max-width: 414px) { #header { .navbar-header{ diff --git a/website/source/assets/stylesheets/hashicorp-shared/_project-utility.scss b/website/source/assets/stylesheets/hashicorp-shared/_project-utility.scss index 00adb1e67..6ecd4aba5 100755 --- a/website/source/assets/stylesheets/hashicorp-shared/_project-utility.scss +++ b/website/source/assets/stylesheets/hashicorp-shared/_project-utility.scss @@ -4,9 +4,9 @@ // -------------------------------------------------- // Variables -$project-logo-width: 50px; -$project-logo-height: 50px; -$project-logo-pad-left: 8px; +$project-logo-width: 40px; +$project-logo-height: 40px; +$project-logo-pad-left: 0px; // Mixins @mixin project-a-style{ @@ -21,7 +21,7 @@ $project-logo-pad-left: 8px; @mixin project-footer-a-style{ line-height: 30px; - + &:hover{ opacity: .5; }