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

fixed jump on mobile

Browse Source
This commit is contained in:
Ross Trottier 2024-07-24 12:41:47 -06:00
parent 050fb6adc1
commit f69ed14e5d
2 changed files with 6 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
header.php
View File

@ -23,18 +23,8 @@
<header class="st-header st-main-grid"> <header class="st-header st-main-grid">
<div class="st-header-icon-bar"> <div class="st-header-icon-bar">
<a href="#" class="st-chip st-chip-primary st-header-icon-bar__item">forum</a> <a href="https://forum.slowtwitch.com" class="st-chip st-chip-primary st-header-icon-bar__item">forum</a>
<?php <a href="https://shop.slowtwitch.com" class="st-chip st-chip-secondary st-header-icon-bar__item">shop</a>
if (is_user_logged_in() == false) {
?>
<a href="#" class="st-chip st-chip-secondary st-header-icon-bar__item">join</a>
<?php
} else {
?>
<a href="#" class="st-header-icon st-header-icon-bar__item"><i class="fa fa-user"></i></a>
<?php
}
?>
<button class="st-nav-btn st-open-search st-header-icon-bar__item" aria-label="Open Search"><i class="fa fa-search"></i></button> <button class="st-nav-btn st-open-search st-header-icon-bar__item" aria-label="Open Search"><i class="fa fa-search"></i></button>
<button class="st-nav-btn st-open-nav st-header-icon-bar__item" aria-label="Open Navigation"><i class="fa fa-bars"></i></button> <button class="st-nav-btn st-open-nav st-header-icon-bar__item" aria-label="Open Navigation"><i class="fa fa-bars"></i></button>

11
style.css
View File

@ -246,15 +246,6 @@ SECTIONS
} }
} }
/* @media not all and (min-resolution:.001dpcm)
{
@supports (-webkit-appearance:none) and (stroke-color:transparent) {
.st-header-icon-bar__item {
transition: margin 300ms;
margin-left: calc((100% - (4 * 62px)) / (4 - 1));
}
}
} */
.st-icon-bar-sticky .st-header-icon-bar__item { .st-icon-bar-sticky .st-header-icon-bar__item {
margin-left: .75em; margin-left: .75em;
@ -612,11 +603,11 @@ SECTIONS
transition: margin 300ms; transition: margin 300ms;
} }
@media (min-width: 760px) {
.st-article-section-topper-scrolled { .st-article-section-topper-scrolled {
margin-bottom: 125px; margin-bottom: 125px;
} }
@media (min-width: 760px) {
.st-article-section-grid { .st-article-section-grid {
display: grid; display: grid;
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);