search button floats mobile

footer.php

@@ -9,19 +9,19 @@
             <h4 class="st-footer-partners__title">Our Partners</h4>
             <ul class="st-footer-partners__list">
                 <li class="st-footer-partners__list-item"><a href="https://www.piedmontese.com/">Certified Piedmontese</a></li>
-                <li class="st-footer-partners__list-item"><a href="http://www.cervelo.com/en/bikes/p-series">Cervelo</a></li>
                 <li class="st-footer-partners__list-item"><a href="https://goodlifeproteins.com/discount/slowtwitch20">Goodlife Brands</a></li>
-                <li class="st-footer-partners__list-item"><a href="https://hedcycling.com/">HED</a></li>
+                <li class="st-footer-partners__list-item"><a href="https://www.wahoofitness.com/">Wahoo Fitness</a></li>
+                <li class="st-footer-partners__list-item"><a href="https://profile-design.com/">Profile Design</a></li>
+                <li class="st-footer-partners__list-item"><a href="https://zootsports.com/">Zoot Sports</a></li>
+                <li class="st-footer-partners__list-item"><a href="http://speedplay.com/">Speedplay</a></li>
+                <li class="st-footer-partners__list-item"><a href="https://bike.shimano.com/en-US/home.html">Shimano</a></li>
+                <li class="st-footer-partners__list-item"><a href="https://ventumracing.com/">Ventum</a></li>
+                <li class="st-footer-partners__list-item"><a href="http://www.cervelo.com/en/bikes/p-series">Cervelo</a></li>
+                <li class="st-footer-partners__list-item"><a href="https://www.sailfish.com/en">Sailfish</a></li>
                 <li class="st-footer-partners__list-item"><a href="https://jakroo.com/">Jakroo</a></li>
                 <li class="st-footer-partners__list-item"><a href="https://lazersport.us/">Lazer</a></li>
-                <li class="st-footer-partners__list-item"><a href="https://profile-design.com/">Profile Design</a></li>
-                <li class="st-footer-partners__list-item"><a href="https://www.sailfish.com/en">Sailfish</a></li>
-                <li class="st-footer-partners__list-item"><a href="https://bike.shimano.com/en-US/home.html">Shimano</a></li>
-                <li class="st-footer-partners__list-item"><a href="http://speedplay.com/">Speedplay</a></li>
-                <li class="st-footer-partners__list-item"><a href="https://ventumracing.com/">Ventum</a></li>
-                <li class="st-footer-partners__list-item"><a href="https://www.wahoofitness.com/">Wahoo Fitness</a></li>
                 <li class="st-footer-partners__list-item"><a href="https://www.sram.com/en/zipp">Zipp</a></li>
-                <li class="st-footer-partners__list-item"><a href="https://zootsports.com/">Zoot Sports</a></li>
+                <li class="st-footer-partners__list-item"><a href="https://hedcycling.com/">HED</a></li>
 
             </ul>
         </div>

header.php

@@ -24,9 +24,15 @@
 
         <div class="st-header-icon-bar">
             <a href="#" class="st-chip st-chip-primary">forum</a>
-            <a href="#" class="st-chip st-chip-secondary">join</a>
+            <?php 
+                if (is_user_logged_in() == false) {
+                    ?> 
+                        <a href="#" class="st-chip st-chip-secondary">join</a>
+                    <?php
+                }
+            ?>
             <a href="#" class="st-header-icon"><i class="fa fa-user"></i></a>
-            <button class="st-nav-btn st-open-search" ><i class="fa fa-search st-open-search"></i></button>
+            <button class="st-nav-btn st-open-search" aria-label="Open Search"><i class="fa fa-search"></i></button>
             <button class="st-nav-btn st-open-nav" aria-label="Open Navigation">&#9776;</button>
         </div>
 
@@ -35,14 +41,14 @@
         <nav class="st-nav st-main-grid">
             <button class="st-nav-btn st-close-nav" aria-label="Close Navigation">&times;</button>
             <?php
-            wp_nav_menu(
+                wp_nav_menu(
-                array(
+                    array(
-                    'menu' => 'primary',
+                        'menu' => 'primary',
-                    'container' => '',
+                        'container' => '',
-                    'theme_location' => 'primary',
+                        'theme_location' => 'primary',
-                    'items_wrap' => '<ul class="st-nav-links">%3$s</ul>'
+                        'items_wrap' => '<ul class="st-nav-links">%3$s</ul>'
-                )
+                    )
-            );
+                );
             ?>
         </nav>
 

style.css

@@ -113,6 +113,15 @@ SECTIONS
     pointer-events: auto;
 }
 
+.st-icon-bar-sticky .st-open-search {
+    border-radius: 20%;
+    padding: .1em .4em;
+    background: #fff;
+    box-shadow: 0 0 3px rgb(0 0 0 / 30%);
+    margin-right: auto;
+    pointer-events: auto;
+}
+
 /* nav */
 .st-search-overlay,
 .st-nav {
@@ -226,6 +235,11 @@ SECTIONS
     color: #270BA1;
 }
 
+.st-footer-icon:hover,
+.st-footer-icon:active {
+    color: #FFDB12;
+}
+
 .st-footer-copyright {
     grid-area: copy;
     font-size: .6rem;
@@ -264,11 +278,19 @@ SECTIONS
     font-size: .80rem;
 }
 
-.st-footer-partners__list-item a {
+.st-footer-partners__list-item a,
+.st-footer-nav-links a {
     text-decoration: none;
     color: #fff;
 }
 
+.st-footer-partners__list-item a:hover,
+.st-footer-partners__list-item a:active,
+.st-footer-nav-links a:hover,
+.st-footer-nav-links a:active {
+    color: #FFDB12;
+}
+
 .st-footer-menu {
     grid-area: menu;
 }
@@ -279,11 +301,6 @@ SECTIONS
     padding: 0;
 }
 
-.st-footer-nav-links a {
-    text-decoration: none;
-    color: #fff;
-}
-
 /*
 ============================
 COMPONENTS