fixing header contact position

fixing the positiong for the header contact and the main navigation

diff --git a/assets/css/glm-dev.css b/assets/css/glm-dev.css
index 9f08c4a..7795c63 100644 (file)
--- a/assets/css/glm-dev.css
+++ b/assets/css/glm-dev.css
@@ -1,3 +1,3 @@
-body footer#colophon.site-footer{background:#1B2650}body footer#colophon.site-footer .bottom-footer{background:#1B2650;padding:15px 0}body footer#colophon.site-footer .bottom-footer .footer-content{max-width:325px;margin:0 auto;text-align:center}body ul#menu-main li:first-child{background:#1B2650;transition:background 300ms ease-in-out}body ul#menu-main li:first-child a{color:white}body ul#menu-main li:first-child:hover{background:#00D3D1}@media (min-width: 770px){body.page #page #content{padding-top:150px !important}}@media (max-width: 774px){body.page #page #content{padding-top:50px !important}}body.page #page #content .mid-content{background-color:white;box-shadow:5px 5px 25px 0 rgba(46,61,73,0.2);margin-bottom:25px}body.page #page #content .mid-content #primary{width:100%}
+body footer#colophon.site-footer{background:#1B2650}body footer#colophon.site-footer .bottom-footer{background:#1B2650;padding:15px 0}body footer#colophon.site-footer .bottom-footer .footer-content{max-width:325px;margin:0 auto;text-align:center}@media (min-width: 1000px){body .main-navigation{margin-left:200px}}body .main-navigation ul#menu-main li:first-child{background:#1B2650;transition:background 300ms ease-in-out}body .main-navigation ul#menu-main li:first-child a{color:white}body .main-navigation ul#menu-main li:first-child:hover{background:#00D3D1}@media (min-width: 770px){body.page #page #content{padding-top:150px !important}}@media (max-width: 774px){body.page #page #content{padding-top:50px !important}}body.page #page #content .mid-content{background-color:white;box-shadow:5px 5px 25px 0 rgba(46,61,73,0.2);margin-bottom:25px}body.page #page #content .mid-content #primary{width:100%}
 
 /*# sourceMappingURL=glm-dev.css.map */

diff --git a/assets/css/glm-dev.css.map b/assets/css/glm-dev.css.map
index 1b9a713..e647711 100644 (file)
--- a/assets/css/glm-dev.css.map
+++ b/assets/css/glm-dev.css.map
@@ -1 +1 @@
-{"version":3,"file":"glm-dev.css","sources":["glm-dev.scss","_settings.scss","_body.scss"],"sourcesContent":["@import 'settings';\n@import 'body';","$navy : #1B2650;\n$grey : #231F20;\n$blue : #00D3D1;\n$peach: #F28B59;","body{\n    footer#colophon.site-footer{\n        background: $navy;\n        .bottom-footer{\n            background: $navy;\n            padding: 15px 0;\n            .footer-content{\n                max-width: 325px;\n                margin: 0 auto;\n                text-align: center;\n            }\n        }\n    }\n    ul#menu-main{\n        li:first-child{\n            background: $navy;\n            transition: background 300ms ease-in-out;\n            a {\n                color: white;\n            }\n            &:hover{\n                background: $blue;\n            }\n        }\n    }\n}\nbody.page{\n    #page{\n        #content{\n            @media (min-width: 770px){\n                padding-top: 150px !important;\n            }\n            @media (max-width: 774px){\n                padding-top: 50px !important;\n            }\n            .mid-content{\n                background-color: white;\n                box-shadow: 5px 5px 25px 0 rgba(46,61,73,.2);\n                margin-bottom: 25px ;\n                #primary{\n                    width: 100%;\n                }\n            }\n        }\n    }\n}"],"mappings":"AEAA,AACmB,IADf,CACA,MAAM,AAAA,SAAS,AAAA,YAAY,AAAA,CACvB,UAAU,CDFV,OAAO,CCYV,AAZL,AAGQ,IAHJ,CACA,MAAM,AAAA,SAAS,AAAA,YAAY,CAEvB,cAAc,AAAA,CACV,UAAU,CDJd,OAAO,CCKH,OAAO,CAAE,MAAO,CAMnB,AAXT,AAMY,IANR,CACA,MAAM,AAAA,SAAS,AAAA,YAAY,CAEvB,cAAc,CAGV,eAAe,AAAA,CACX,SAAS,CAAE,KAAM,CACjB,MAAM,CAAE,MAAO,CACf,UAAU,CAAE,MAAO,CACtB,AAVb,AAcU,IAdN,CAaA,EAAE,AAAA,UAAU,CACR,EAAE,AAAA,YAAY,AAAA,CACV,UAAU,CDfd,OAAO,CCgBH,UAAU,CAAE,4BAA6B,CAO5C,AAvBT,AAiBY,IAjBR,CAaA,EAAE,AAAA,UAAU,CACR,EAAE,AAAA,YAAY,CAGV,CAAC,AAAC,CACE,KAAK,CAAE,KAAM,CAChB,AAnBb,AAcU,IAdN,CAaA,EAAE,AAAA,UAAU,CACR,EAAE,AAAA,YAAY,AAMT,MAAM,AAAA,CACH,UAAU,CDnBlB,OAAO,CCoBF,AAOD,MAAM,EAAL,SAAS,EAAE,KAAK,EAH7B,AAEQ,IAFJ,AAAA,KAAK,CACL,KAAK,CACD,QAAQ,AAAA,CAEA,WAAW,CAAE,gBAAiB,CAarC,CAXG,MAAM,EAAL,SAAS,EAAE,KAAK,EAN7B,AAEQ,IAFJ,AAAA,KAAK,CACL,KAAK,CACD,QAAQ,AAAA,CAKA,WAAW,CAAE,eAAgB,CAUpC,CAjBT,AASY,IATR,AAAA,KAAK,CACL,KAAK,CACD,QAAQ,CAOJ,YAAY,AAAA,CACR,gBAAgB,CAAE,KAAM,CACxB,UAAU,CAAE,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,kBAAI,CAC/B,aAAa,CAAE,IAAM,CAIxB,AAhBb,AAagB,IAbZ,AAAA,KAAK,CACL,KAAK,CACD,QAAQ,CAOJ,YAAY,CAIR,QAAQ,AAAA,CACJ,KAAK,CAAE,IAAK,CACf","names":[]}
\ No newline at end of file
+{"version":3,"file":"glm-dev.css","sources":["glm-dev.scss","_settings.scss","_body.scss"],"sourcesContent":["@import 'settings';\n@import 'body';","$navy : #1B2650;\n$grey : #231F20;\n$blue : #00D3D1;\n$peach: #F28B59;","body{\n    footer#colophon.site-footer{\n        background: $navy;\n        .bottom-footer{\n            background: $navy;\n            // backround\n            padding: 15px 0;\n            .footer-content{\n                max-width: 325px;\n                margin: 0 auto;\n                text-align: center;\n            }\n        }\n    }\n    .main-navigation{\n        // margin-right: 75px;\n        @media (min-width: 1000px){\n            margin-left: 200px;\n        }\n        \n        ul#menu-main{\n            li:first-child{\n                background: $navy;\n                transition: background 300ms ease-in-out;\n                a {\n                    color: white;\n                }\n                &:hover{\n                    background: $blue;\n                }\n            }\n        }\n    }\n}\nbody.page{\n    #page{\n        #content{\n            @media (min-width: 770px){\n                padding-top: 150px !important;\n            }\n            @media (max-width: 774px){\n                padding-top: 50px !important;\n            }\n            .mid-content{\n                background-color: white;\n                box-shadow: 5px 5px 25px 0 rgba(46,61,73,.2);\n                margin-bottom: 25px ;\n                #primary{\n                    width: 100%;\n                }\n            }\n        }\n    }\n}"],"mappings":"AEAA,AACmB,IADf,CACA,MAAM,AAAA,SAAS,AAAA,YAAY,AAAA,CACvB,UAAU,CDFV,OAAO,CCaV,AAbL,AAGQ,IAHJ,CACA,MAAM,AAAA,SAAS,AAAA,YAAY,CAEvB,cAAc,AAAA,CACV,UAAU,CDJd,OAAO,CCMH,OAAO,CAAE,MAAO,CAMnB,AAZT,AAOY,IAPR,CACA,MAAM,AAAA,SAAS,AAAA,YAAY,CAEvB,cAAc,CAIV,eAAe,AAAA,CACX,SAAS,CAAE,KAAM,CACjB,MAAM,CAAE,MAAO,CACf,UAAU,CAAE,MAAO,CACtB,AAKL,MAAM,EAAL,SAAS,EAAE,MAAM,EAhB1B,AAcI,IAdA,CAcA,gBAAgB,AAAA,CAGR,WAAW,CAAE,KAAM,CAe1B,CAhCL,AAqBc,IArBV,CAcA,gBAAgB,CAMZ,EAAE,AAAA,UAAU,CACR,EAAE,AAAA,YAAY,AAAA,CACV,UAAU,CDtBlB,OAAO,CCuBC,UAAU,CAAE,4BAA6B,CAO5C,AA9Bb,AAwBgB,IAxBZ,CAcA,gBAAgB,CAMZ,EAAE,AAAA,UAAU,CACR,EAAE,AAAA,YAAY,CAGV,CAAC,AAAC,CACE,KAAK,CAAE,KAAM,CAChB,AA1BjB,AAqBc,IArBV,CAcA,gBAAgB,CAMZ,EAAE,AAAA,UAAU,CACR,EAAE,AAAA,YAAY,AAMT,MAAM,AAAA,CACH,UAAU,CD1BtB,OAAO,CC2BE,AAQL,MAAM,EAAL,SAAS,EAAE,KAAK,EAH7B,AAEQ,IAFJ,AAAA,KAAK,CACL,KAAK,CACD,QAAQ,AAAA,CAEA,WAAW,CAAE,gBAAiB,CAarC,CAXG,MAAM,EAAL,SAAS,EAAE,KAAK,EAN7B,AAEQ,IAFJ,AAAA,KAAK,CACL,KAAK,CACD,QAAQ,AAAA,CAKA,WAAW,CAAE,eAAgB,CAUpC,CAjBT,AASY,IATR,AAAA,KAAK,CACL,KAAK,CACD,QAAQ,CAOJ,YAAY,AAAA,CACR,gBAAgB,CAAE,KAAM,CACxB,UAAU,CAAE,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,kBAAI,CAC/B,aAAa,CAAE,IAAM,CAIxB,AAhBb,AAagB,IAbZ,AAAA,KAAK,CACL,KAAK,CACD,QAAQ,CAOJ,YAAY,CAIR,QAAQ,AAAA,CACJ,KAAK,CAAE,IAAK,CACf","names":[]}
\ No newline at end of file

diff --git a/footer.php b/footer.php
index 6c68b00..a702c45 100644 (file)
--- a/footer.php
+++ b/footer.php
@@ -12,6 +12,7 @@
 
        <footer id="colophon" class="site-footer">
                <div class="bottom-footer">
+            <div id="footer-overlay"></div>
                        <div class="footer-content clearfix">
                 <div class="site-info">
                     

diff --git a/glm-dev/scss/_body.scss b/glm-dev/scss/_body.scss
index 10b2b2c..a5a0797 100644 (file)
--- a/glm-dev/scss/_body.scss
+++ b/glm-dev/scss/_body.scss
@@ -3,6 +3,7 @@ body{
         background: $navy;
         .bottom-footer{
             background: $navy;
+            // backround
             padding: 15px 0;
             .footer-content{
                 max-width: 325px;
@@ -11,15 +12,22 @@ body{
             }
         }
     }
-    ul#menu-main{
-        li:first-child{
-            background: $navy;
-            transition: background 300ms ease-in-out;
-            a {
-                color: white;
-            }
-            &:hover{
-                background: $blue;
+    .main-navigation{
+        // margin-right: 75px;
+        @media (min-width: 1000px){
+            margin-left: 200px;
+        }
+        
+        ul#menu-main{
+            li:first-child{
+                background: $navy;
+                transition: background 300ms ease-in-out;
+                a {
+                    color: white;
+                }
+                &:hover{
+                    background: $blue;
+                }
             }
         }
     }

diff --git a/style.css b/style.css
index 8e9086d..58623ec 100644 (file)
--- a/style.css
+++ b/style.css
@@ -594,11 +594,22 @@ Content
     margin: 0 auto;
 }
 
+@media screen and (max-width: 1000px){
+    .header-contact{
+        position: absolute;
+        bottom: 15px;
+        right: 19%;
+        transform: translateX(50%);
+    }
+}
 @media screen and (min-width: 1200px){
     .home .mid-content{
         width: 1200px;
         margin: 0 auto;
     }
+    .header-contact{
+        /* margin-left: 50px; */
+    }
 }
 
 /* @media (min-width: 770px){
@@ -1274,6 +1285,7 @@ body.parallax-on .wpcf7-not-valid-tip {
 #site-logo {
     float: left;
     width: 15%;
+    max-width: 180px;
 }
 
 .logo-top #site-logo {
@@ -1942,6 +1954,8 @@ Portfolio Section
     font-size: 16px;
     margin: 0;
     text-transform: uppercase;
+    /* border-bottom-left-radius: 15%;
+    border-bottom-right-radius: 15%; */
 }
 
 .portfolio-list:hover h3 {
@@ -1961,6 +1975,10 @@ Portfolio Section
     /* Chrome, Safari, Opera */
     transform: scale(1.2);
 }
+.portfolio-image img{
+    border-top-right-radius: 15%;
+    border-top-left-radius: 15%;
+}
 
 /*--------------------------------------------------------------
 Call to Action Section
@@ -2254,7 +2272,9 @@ Footer Section
     color: #FFF;
     text-decoration: none;
 }
+.footer-overlay{
 
+}
 .top-footer .top-footer-wrap {
     margin-left: -2%;
 }
@@ -2555,11 +2575,7 @@ Responsive grid for pages
     /* font-weight: bold; */
 }
 
-.header-contact{
-    position: absolute;
-    bottom: 45px;
-    right: 190px;
-}
+
 
 
 .portfolio-list{
@@ -2584,6 +2600,7 @@ Responsive grid for pages
         width: 250px;
         background-color: #F28B59;
     }
+    
 }
 @media (max-width: 400px){
     #footer_address span:not(.pipe){