Hide branding on small screens
This commit is contained in:
parent
5c29792d14
commit
619f7631d9
|
@ -21,6 +21,12 @@ body {
|
||||||
margin: 25px;
|
margin: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 600px) {
|
||||||
|
.branding {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.brand-title {
|
.brand-title {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-weight: var(--black-font-weight);
|
font-weight: var(--black-font-weight);
|
||||||
|
|
|
@ -45,11 +45,9 @@
|
||||||
<body>
|
<body>
|
||||||
<mwmbl-app></mwmbl-app>
|
<mwmbl-app></mwmbl-app>
|
||||||
<header class="search-menu compact">
|
<header class="search-menu compact">
|
||||||
<a href="/">
|
<a href="/" class="branding">
|
||||||
<div class="branding">
|
<img class="brand-icon" src="/static/images/logo.svg" width="40" height="40" alt="mwmbl logo">
|
||||||
<img class="brand-icon" src="/static/images/logo.svg" width="40" height="40" alt="mwmbl logo">
|
<span class="brand-title">Mwmbl</span>
|
||||||
<span class="brand-title">Mwmbl</span>
|
|
||||||
</div>
|
|
||||||
</a>
|
</a>
|
||||||
<form class="search-bar">
|
<form class="search-bar">
|
||||||
<i class="ph-magnifying-glass-bold"></i>
|
<i class="ph-magnifying-glass-bold"></i>
|
||||||
|
|
Loading…
Reference in a new issue