Hide brand logo text on hella small width viewport

This commit is contained in:
Jeremy Zhang 2017-09-30 20:44:44 +00:00
parent efcbc01ee8
commit fc8768d389
2 changed files with 7 additions and 1 deletions

View File

@ -351,6 +351,12 @@ a {
filter: brightness(0) invert(1); filter: brightness(0) invert(1);
} }
@media screen and (max-width: 280px) {
.brand-logo-text {
display: none;
}
}
.align-top { .align-top {
vertical-align: top; vertical-align: top;
} }

View File

@ -34,7 +34,7 @@
<div class="nav-wrapper"> <div class="nav-wrapper">
<a href="#" data-activates="guild-nav" class="button-collapse" id="guild-btn"><i class="material-icons">menu</i></a> <a href="#" data-activates="guild-nav" class="button-collapse" id="guild-btn"><i class="material-icons">menu</i></a>
<div class="container"> <div class="container">
<a href="{{ url_for("index") }}" target="_blank" class="brand-logo"><img src="{{ url_for('static', filename='img/titanembeds_shield.png') }}" /><strong class="align-top">Titan</strong><span class="align-top">Embeds</span> <span class="betatag align-top">BETA</span></a> <a href="{{ url_for("index") }}" target="_blank" class="brand-logo"><img src="{{ url_for('static', filename='img/titanembeds_shield.png') }}" /><span class="brand-logo-text"><strong class="align-top">Titan</strong><span class="align-top">Embeds</span> <span class="betatag align-top">BETA</span></span></a>
</div> </div>
<a href="#" data-activates="members-nav" class="button-collapse right" id="members-btn"><i class="material-icons">person</i></a> <a href="#" data-activates="members-nav" class="button-collapse right" id="members-btn"><i class="material-icons">person</i></a>
</div> </div>