Mobile slideshow and search on sidenav

Slideshow will show even in mobile mode.
Search is available on the mobile sidenav. Some css additions for 'submit'.

diff --git a/styles.css b/styles.css
index f5e6285..361ee84 100755 (executable)
--- a/styles.css
+++ b/styles.css
@@ -71,6 +71,7 @@ img {
     position: absolute;\r
     border: 0;\r
     }\r
+    \r
 #searchText {\r
     width: 180px;\r
     top: 0;\r
@@ -87,6 +88,14 @@ img {
     border: 0;\r
     cursor: pointer;\r
     }\r
+#searchSubmitSide {\r
+    font-size: 14px;\r
+    margin-left: 75px;\r
+    margin-right: auto;\r
+    background: #477645;\r
+    border: 1px whitesmoke solid;\r
+    cursor: pointer;\r
+    }\r
 /* Navigation */\r
 /* For larger than Small */\r
 @media only screen and (min-width: 56em) {\r

diff --git a/templates/template.html b/templates/template.html
index 4b06040..be0f9fb 100755 (executable)
--- a/templates/template.html
+++ b/templates/template.html
@@ -40,6 +40,21 @@
                 <aside class="left-off-canvas-menu opensearchserver.ignore" id="mobilenav">
                     <!-- whatever you want goes here -->
                     {mainNav:h}
+                    
+                    <div id="search_wrapper_off">
+                        <section flexy:if="glmSearch">
+                            <form action="{homePageUrl:h}" name="searchForm" method="get" flexy:ignore="yes">
+                                <input type="hidden" name="GLMSearch" value="true">
+                                <input type="hidden" name="start" value="0">
+                                <input type="hidden" name="rows" value="10">
+<!--                                <input type="search" id="searchInput" name="query" value="" placeholder="Search">-->
+                                <input type="search" name="query" value="" placeholder="Search">
+                                <button type="submit" class="tiny button radius" id="searchSubmitSide" name="searchSubmit" value="Search Site">Submit</button>
+                                
+                            </form>
+                        </section>
+                    </div><!-- /#search_wrapper -->
+                    
 
                 </aside>
 
@@ -67,7 +82,7 @@
                     </div>
 
 
-                    <div class="row clearfix hide-for-small-only" id="homeSlide" flexy:if="isHomePage"  data-equalizer>
+                    <div class="row clearfix" id="homeSlide" flexy:if="isHomePage"  data-equalizer>
                         <div class="medium-9 columns">
                             <div id="slideshow" flexy:if="rotatingImages" data-equalizer-watch>
                                 <img src="http://is0.gaslightmedia.com/cityofmi/rotatingImagesResized/is76-1406147945-35581.jpeg" id="testImg">
@@ -75,7 +90,7 @@
                             </div>
 
                         </div>
-                        <div class="medium-3 columns opensearchserver.ignore" id="eventHomeColumn">
+                        <div class="medium-3 columns opensearchserver.ignore hide-for-small-only" id="eventHomeColumn">
                             <div id="homepage_events_wrapper" flexy:if="hasEvents" data-equalizer-watch>
                                 <div id="cEventMeetings">Meetings</div>
                                 <div id="cEventMore"><a href="{baseURLDefined:h}calendars-10/">Events</a></div>