Hide "staple" only when absolutely necessary

This commit is contained in:
Quantum 2018-11-27 00:40:43 -05:00
parent c4f05c5b48
commit e8ed9a64e9
2 changed files with 7 additions and 1 deletions

View file

@ -38,3 +38,9 @@ body {
color: $body-color;
}
}
@media (max-width: 360px) {
.staple {
display: none;
}
}

View file

@ -9,7 +9,7 @@
<body data-spy="scroll" data-target="nav" data-offset="72">
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
<div class="container">
<a class="navbar-brand" href="#">Correct Horse Battery <span class="d-none d-sm-inline">Staple</span></a>
<a class="navbar-brand" href="#">Correct Horse Battery <span class="staple">Staple</span></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav-anchors"
aria-controls="nav-anchors" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>