Fixed the submit button, pos of corner triangle, styles.

diff --git a/css/app.css b/css/app.css
index 3864422..3c9a728 100755 (executable)
--- a/css/app.css
+++ b/css/app.css
@@ -6532,12 +6532,15 @@ img.alignleft, img.alignright, img.aligncenter, div.wp-caption img {
   text-align: right; }
 
 #search_button {
-  width: 166px;
-  height: 38px;
+  position: absolute;
+  width: 33px;
+  height: 32px;
+  right: -21px;
+  top: 3px;
   padding: 1px 0;
-  border: solid white 3px;
-  border-radius: 5px;
-  box-shadow: 0 6px 12px -5px #9b9b9b;
+  border-left: 3px solid #fcde74;
+  background-size: 30 32px;
+  border-radius: 0px;
   /*        background-image: url("../assets/search_button_1.png");*/
   background-repeat: no-repeat;
   background-size: local 0 0/cover; }
@@ -6546,6 +6549,9 @@ img.alignleft, img.alignright, img.aligncenter, div.wp-caption img {
     background-repeat: no-repeat;
     background-size: local 0 0/cover;
     border-color: #9acd68; }
+  @media only screen and (min-width:0em) and (max-width:64em) {
+    #search_button {
+      right: 15px; } }
 
 #blog-post .cycle-slide {
   font-size: 14px; }

diff --git a/header.php b/header.php
index ba68a72..3d9aacb 100755 (executable)
--- a/header.php
+++ b/header.php
@@ -41,14 +41,20 @@
                                     </div>
                                     <div class="row">
                                         <div class="small-12 large-9 columns search-form right">
-                                            <form role="search" method="get" id="searchform" action="<?php echo home_url('/'); ?>">
+                                            <form role="search" name="search" method="get" id="searchform" action="<?php echo home_url('/'); ?>">
                                                 <div class="row">
                                                     <div id="large-12_s" class="small-12 columns">
                                                         <input type="text" value="" name="s" id="lar-search" placeholder="  Search the site">
                                                     </div>
                                                     <div id="top_angle" class="large-1 show-for-large-up columns"></div>
                                                 </div>
+                                                <button id="search_button" type="submit" name="search" value="submit"
+                                                    style="background-image: url(<?php bloginfo('template_url');?>/assets/search_button.png);
+                                                    width: 33px;height:32px;background-size: 30px 32px;border-radius:0px;border-width:0 0 0 3px;border-color:#FCDE74;border-style:solid;
+                                                    padding: 1px;background-repeat: no-repeat;position:absolute;;">
+                                                </button>
                                             </form>
+
                                         </div>
                                     </div>
                                 </div>

diff --git a/scss/_settings.scss b/scss/_settings.scss
index dc6d77d..910c568 100644 (file)
--- a/scss/_settings.scss
+++ b/scss/_settings.scss
@@ -167,6 +167,7 @@ $landscape: "#{$screen} and (orientation: landscape)";
 
  $medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})";
  $medium-only: "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})";
+ $medium-down: "#{$screen} and (min-width:#{lower-bound($small-range)}) and (max-width:#{upper-bound($medium-range)})";
 
  $large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})";
  $large-only: "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})";