ross/slowtwitch-news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

search button floats mobile

Browse Source
This commit is contained in:
Ross Trottier 2024-06-24 16:56:08 -06:00
parent 3b97d72f80
commit 1e4d014afc
3 changed files with 48 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
footer.php
View File

@ -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>

8
header.php
View File

@ -24,9 +24,15 @@
<div class="st-header-icon-bar">
<a href="#" class="st-chip st-chip-primary">forum</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>

29
style.css
View File

@ -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