From: Anthony Talarico Date: Wed, 18 Apr 2018 12:19:46 +0000 (-0400) Subject: fixing the industry featured section in header for mobile view X-Git-Tag: v1.0.0^2~7 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/index.cgi?a=commitdiff_plain;h=8ff99ec77a6e4904469577f09bd708aba2f51837;p=WP-Themes%2Fnpoint.git fixing the industry featured section in header for mobile view --- diff --git a/css/responsive.css b/css/responsive.css index ad73984..7abd5a4 100644 --- a/css/responsive.css +++ b/css/responsive.css @@ -96,9 +96,7 @@ Responsive CSS } @media screen and (max-width: 768px){ - .parallax-section:first-child { - padding: 0px 0 25px; - } + h1{ font-size: 24px; } diff --git a/style.css b/style.css index cdccb07..c2766aa 100644 --- a/style.css +++ b/style.css @@ -1214,23 +1214,7 @@ Main Header padding: 10px 0 0 0; position: relative; } -#industries{ - margin-top: 10px; - background-color: #A1AC88; -} -#industries #industry-group{ - display: block; - max-width: 700px; - margin: 0 auto; -} -@media (min-width: 1000px){ - #industries span{ - display: inline-block; - color: white; - padding: 15px; - text-transform: lowercase; - } -} + #masthead .flex-box { display: -webkit-box; display: -moz-box; @@ -2527,6 +2511,36 @@ Responsive grid for pages .rtl .bx-wrapper .bx-controls-direction a { text-indent: 999999999px; } + +#industries{ + margin-top: 10px; + background-color: #A1AC88; +} +#industries #industry-group{ + display: block; + max-width: 700px; + margin: 0 auto; +} +@media (min-width: 1000px){ + #industries span{ + display: inline-block; + color: white; + padding: 15px; + text-transform: lowercase; + } +} +@media screen and (max-width: 768px){ + .parallax-section:first-child { + padding: 10px 0 25px !important; + } + #industries span{ + display: inline-block; + color: white; + padding: 2px 10px; + text-transform: lowercase; + font-size: 14px; + } +} .parallax-section h2{ color: white; @@ -2534,11 +2548,6 @@ Responsive grid for pages .parallax-section:first-child { padding: 150px 0 75px; } -@media screen and (max-width: 768px){ - .parallax-section:first-child { - padding: 0px 0 25px; - } -} .parallax-section:not(:first-child) h2{ display: none; }