search button floats mobile
This commit is contained in:
parent
3b97d72f80
commit
1e4d014afc
18
footer.php
18
footer.php
@ -9,19 +9,19 @@
|
|||||||
<h4 class="st-footer-partners__title">Our Partners</h4>
|
<h4 class="st-footer-partners__title">Our Partners</h4>
|
||||||
<ul class="st-footer-partners__list">
|
<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="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://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://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://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://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>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
26
header.php
26
header.php
@ -24,9 +24,15 @@
|
|||||||
|
|
||||||
<div class="st-header-icon-bar">
|
<div class="st-header-icon-bar">
|
||||||
<a href="#" class="st-chip st-chip-primary">forum</a>
|
<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>
|
<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">☰</button>
|
<button class="st-nav-btn st-open-nav" aria-label="Open Navigation">☰</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -35,14 +41,14 @@
|
|||||||
<nav class="st-nav st-main-grid">
|
<nav class="st-nav st-main-grid">
|
||||||
<button class="st-nav-btn st-close-nav" aria-label="Close Navigation">×</button>
|
<button class="st-nav-btn st-close-nav" aria-label="Close Navigation">×</button>
|
||||||
<?php
|
<?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>
|
</nav>
|
||||||
|
|
||||||
|
29
style.css
29
style.css
@ -113,6 +113,15 @@ SECTIONS
|
|||||||
pointer-events: auto;
|
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 */
|
/* nav */
|
||||||
.st-search-overlay,
|
.st-search-overlay,
|
||||||
.st-nav {
|
.st-nav {
|
||||||
@ -226,6 +235,11 @@ SECTIONS
|
|||||||
color: #270BA1;
|
color: #270BA1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.st-footer-icon:hover,
|
||||||
|
.st-footer-icon:active {
|
||||||
|
color: #FFDB12;
|
||||||
|
}
|
||||||
|
|
||||||
.st-footer-copyright {
|
.st-footer-copyright {
|
||||||
grid-area: copy;
|
grid-area: copy;
|
||||||
font-size: .6rem;
|
font-size: .6rem;
|
||||||
@ -264,11 +278,19 @@ SECTIONS
|
|||||||
font-size: .80rem;
|
font-size: .80rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.st-footer-partners__list-item a {
|
.st-footer-partners__list-item a,
|
||||||
|
.st-footer-nav-links a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: #fff;
|
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 {
|
.st-footer-menu {
|
||||||
grid-area: menu;
|
grid-area: menu;
|
||||||
}
|
}
|
||||||
@ -279,11 +301,6 @@ SECTIONS
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.st-footer-nav-links a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
============================
|
============================
|
||||||
COMPONENTS
|
COMPONENTS
|
||||||
|
Loading…
Reference in New Issue
Block a user