From d783c5e014ac83fe0a6b73b31d4ab4b017f55959 Mon Sep 17 00:00:00 2001 From: Alex Wolfe Date: Wed, 4 Mar 2015 20:54:55 -0800 Subject: [PATCH] fixed mobile nav --- public/resources/css/module/_main-nav.scss | 17 +++++++++++++++-- 1 file changed, 15 insertions(+), 2 deletions(-) diff --git a/public/resources/css/module/_main-nav.scss b/public/resources/css/module/_main-nav.scss index 12842cdde0..44699d9128 100644 --- a/public/resources/css/module/_main-nav.scss +++ b/public/resources/css/module/_main-nav.scss @@ -4,6 +4,12 @@ padding: 0px ($unit * 2); box-shadow: 0px 2px 5px 0 rgba($coal, 0.26); + @media handheld and (max-width: $phone-breakpoint), + screen and (max-device-width: $phone-breakpoint), + screen and (max-width: $tablet-breakpoint) { + padding: 0px 0px 0px ($unit * 2); + } + h1 { margin: 0px ($unit * 9) 0px 0px; padding: 0px; @@ -11,6 +17,12 @@ width: 136px; float: left; + @media handheld and (max-width: $phone-breakpoint), + screen and (max-device-width: $phone-breakpoint), + screen and (max-width: $tablet-breakpoint) { + margin: 0; + } + a { background: url('/resources/images/logos/standard/logo-nav.png') 0px 8px no-repeat; display: block; @@ -110,11 +122,12 @@ // DROPDOWN TRIGGER BUTTON .main-nav-mobile-trigger { display: none; - padding-right: 30px + ($unit * 2); + padding: 0px (24px + $unit) 0px $unit; + font-size: 14px; .icon { left: auto; - right: ($unit * 2); + right: ($unit ); opacity: .56; }