Updated

assets/javascripts/app.js

@@ -522,7 +522,7 @@
   //背景widget設定
   if ( location.href.search('editmode=on') != -1 ) {
 		$('.background').css('z-index','0');
-    $('.layout-footer').css('position','relative')
+
 	} else {
 		$('.background').css('z-index','-1');
 

assets/stylesheets/template/RWD.scss

@@ -23,4 +23,41 @@
         position: absolute!important;
     }
   }
+  .linkwraper{
+    flex-wrap: wrap;
+  }
+}
+
+@media(min-width: 1600px){
+  .linkwraper{
+    flex-wrap: wrap;
+    margin-bottom: 6em;
+  }
+}
+@media(max-width: 1600px){
+  .linkwraper{
+    ul{
+      padding-left: 20px;
+    }
+  }
+}
+  .linkwraper{
+    display:flex;
+    width: 100%;
+  }
+@media only screen and (min-width: 768px) and (max-width: 1600px){
+  .linkone{
+    width:50%;
+  }
+  .linktwo{
+    width:50%;
+  }
+  }
+@media(max-width:$screen-xs){
+  .linkone{
+    width:100%;
+  }
+  .linktwo{
+    width:100%;
+  }
 }

assets/stylesheets/template/layout/content.scss

@@ -10,6 +10,12 @@
         margin-left: 430px;
   }
 }
+.layout-content-inner{
+  padding: 0;
+}
+.layout-content-box2{
+    padding: 0;
+}
 .layout-content {
   min-height: 37.5em;
 

assets/stylesheets/template/layout/footer.scss

@@ -26,10 +26,10 @@
   @media(min-width:1025px){
     position: fixed;
     bottom: 0;
-    left: 2em;
+    left: 2.5em;
     .layout-footer-inner{
-      width: 350px!important;
-      padding: 0 3em!important;
+      width: 360px!important;
+      padding: 0 1.2em!important;
     }
   }
   @media only screen and (min-width: 768px) and (max-width: 1024px) {
@@ -61,3 +61,6 @@
     width: 100%!important;
   }
 }
+.footerbox{
+  padding: 0;
+}

assets/stylesheets/template/layout/header.scss

@@ -32,15 +32,13 @@
   }
   .header-banner { overflow: hidden; }
   .header-nav {
-    padding: 1em 0;
+    padding: 0.5em 1em;
     color: $theme-color-main;
     font-family: $main-font;
     text-transform:uppercase;
 
     & > * {
       display: inline-block;
-      margin-top: 0;
-      margin-bottom: 0;
       font-size: 0.8em;
       color: $theme-color-main;
     }
@@ -48,19 +46,16 @@
     a {
       color: $theme-color-main;
       text-decoration: none;
-      padding: 15px;
     }
 
-    @media (min-width: $screen-sm) {
+    @media (min-width: 1025px) {
       text-align: inherit;
-      top: 131px;
+      top: 120px;
       position: fixed!important;
+      width: 400px!important;
     }
-    @media (min-width: 1100px) and (min-width: 1100px){
-          width: 430px!important;
-    }
-    @media (min-width: 1100px) and (min-width: 1350px){
-          width: 380px!important;
+        @media (min-width: 1601px){
+                top: 130px!important;
         }
   }
 
@@ -183,8 +178,10 @@
   }
 }
 .header-nav{
+  @media (min-width: 1025px){
        padding:0 3em!important;
   }
+}
 .nav-menu{
   display:flex!important;
   float: right;

assets/stylesheets/template/template.scss

@@ -32,10 +32,8 @@
 // container setting
 .response-container {
   position: relative;
-    padding: 0;
   @media (min-width: $screen-xs) {
     width: 100%;
-    padding: 0;
   }
 
   @media (min-width: $screen-sm) {

home/footer.html.erb

@@ -1,5 +1,6 @@
 <footer class="layout-footer no-print">
   <div class="container layout-footer-inner">
+      <section class="layout-content-box col-sm-12 footerbox" data-pp="104"></section>
       <div class="layout-footer-content">{{footer-data}}</div>
       <div class="footer-counter"><a href="https://ruling.digital/"><img src="/assets/ruling_logo.png" alt="ruling-logo-icon"></a>{{site-counter}}</div>
       <div class="footer-updated-date">{{last-updated}}</div>

template.json

@@ -1 +1 @@
-{"key":"asia_kstyle1","title":"asia_Kstyle1","author":"ken","thumbnail":"assets/images/design_thumb.png"}
+{"key":"asia_Kstyle1","title":"asia_Kstyle1","author":"ken","thumbnail":"assets/images/design_thumb.png"}