relocated bg-container, which caused rearranging of some of the rules to still have...

diff --git a/css/app.css b/css/app.css
index 5ea1cae..82fe47b 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6897,7 +6897,11 @@ main.page-inside {
   top: 12px !important; }
 
 #slideshow {
+  margin-top: 86px;
   border-bottom: 5px solid #779156; }
+  @media screen and (max-width: 1024px) {
+    #slideshow {
+      margin-top: 86px; } }
   #slideshow .metaslider {
     max-height: 520px;
     overflow: hidden;
@@ -7400,7 +7404,7 @@ header .searchform input[type="submit"]:hover, header .searchformHeader input[ty
 #action-items {
   background: #FFFFFF;
   padding: 51px 0 48px;
-  margin: 30px auto 0; }
+  margin: 30px auto 151px; }
   @media screen and (max-width: 1024px) {
     #action-items a img {
       padding: 10px; } }
@@ -7540,16 +7544,16 @@ footer {
   background-color: transparent; }
 
 .bg-container {
+  position: absolute;
   background: url(../assets/1060+Winter+Beach.jpg) no-repeat bottom;
-  padding-bottom: 151px;
-  background-size: contain;
-  margin-top: 86px; }
+  background-size: cover;
+  height: 1000px;
+  width: 100%;
+  z-index: -1;
+  bottom: 246px; }
   @media screen and (max-width: 1600px) {
     .bg-container {
       background-size: auto; } }
-  @media screen and (max-width: 1024px) {
-    .bg-container {
-      margin-top: 86px; } }
 
 h1 {
   font-weight: bold;

diff --git a/footer.php b/footer.php
index 62bf404..28d2d5d 100644 (file)
--- a/footer.php
+++ b/footer.php
@@ -10,6 +10,7 @@
                                 <a href="<?php bloginfo('url')?>/sign-up-for-specials-promotions/"><img src="<?php echo get_template_directory_uri(); ?>/assets/enews-signup.jpg"></a>
                             </div>
                         </div>
+<div class="bg-container">
 </div>
                         <footer>
                             <?php if (is_active_sidebar('sidebar-f')) :?>

diff --git a/front-page.php b/front-page.php
index 4e33d35..136c7d3 100644 (file)
--- a/front-page.php
+++ b/front-page.php
@@ -1,5 +1,5 @@
 <?php get_header(); ?>
-<div class="bg-container">
+
 <main class="page-front">
     <?php get_template_part('parts/slide-show');?>
     <div id="content-wrapper">

diff --git a/scss/_page.footer.scss b/scss/_page.footer.scss
index db1379e..a5c7355 100644 (file)
--- a/scss/_page.footer.scss
+++ b/scss/_page.footer.scss
@@ -1,7 +1,7 @@
 #action-items {
     background: $white;
     padding: 51px 0 48px;
-    margin: 30px auto 0;
+    margin: 30px auto 151px;
     a {
         img {
             @media screen and (max-width: 1024px) {

diff --git a/scss/_slideshow.scss b/scss/_slideshow.scss
index a46512d..921afbb 100644 (file)
--- a/scss/_slideshow.scss
+++ b/scss/_slideshow.scss
@@ -1,5 +1,9 @@
 #slideshow {
+    margin-top: 86px;
     border-bottom: 5px solid $green;
+    @media screen and (max-width: 1024px) {
+        margin-top: 86px;
+    }
 //    margin-top: -10px;
     .metaslider {
         max-height: 520px;

diff --git a/scss/_structure.scss b/scss/_structure.scss
index 0f25b61..e7f05a3 100644 (file)
--- a/scss/_structure.scss
+++ b/scss/_structure.scss
@@ -15,16 +15,19 @@
     background-color: transparent;
 }
 .bg-container {
+    position: absolute;
     background: url(../assets/1060+Winter+Beach.jpg) no-repeat bottom;
-    padding-bottom: 151px;
-    background-size: contain;
-    margin-top: 86px;
+    
+    background-size: cover;
+    
+    height: 1000px;
+    width: 100%;
+    z-index: -1;
+    bottom: 246px;
     @media screen and (max-width: 1600px) {
         background-size: auto;
     }
-    @media screen and (max-width: 1024px) {
-        margin-top: 86px;
-    }
+    
 }
 h1 {
     font-weight: bold;