From 535570e1f58e04d597789c2300776529fe0c1030 Mon Sep 17 00:00:00 2001 From: Victoria Wang Date: Fri, 13 Mar 2015 11:33:32 -0500 Subject: [PATCH] Margin changes to footer on mobile --- sass/_project-sass/_project-Footer.scss | 27 +++++++++++++++++++++++-- 1 file changed, 25 insertions(+), 2 deletions(-) diff --git a/sass/_project-sass/_project-Footer.scss b/sass/_project-sass/_project-Footer.scss index 31b577e2..728dd30b 100644 --- a/sass/_project-sass/_project-Footer.scss +++ b/sass/_project-sass/_project-Footer.scss @@ -158,18 +158,41 @@ margin-bottom: 0; padding-left: 0; width: 55%; + + @media (max-device-width:480px), screen and (max-width:800px){ + width: 100%; + text-align: center; + } } .footer-Nav{ text-transform:uppercase; width: 45%; padding-left: 0; - .h-Nav{float:right; + @media (max-device-width:480px), screen and (max-width:800px){ + width: 100%; + text-align: center; + } + + .h-Nav{ + float:right; + @media (max-device-width:480px), screen and (max-width:800px){ float:none; margin-top:15px; + margin-bottom: 6px; - li:first-child a{padding-left:0} + li { + float: none; + display: inline; + + a { + padding-left: 0; + margin-right: 10px; + margin-top: 5px; + margin-bottom: 3px; + } + } } } .h-Nav a{