hide the masthead brand on phone screens
This commit is contained in:
parent
371f344490
commit
ea67d5a590
@ -67,11 +67,11 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
.masthead-brand {
|
||||
margin-bottom: 0;
|
||||
@media(max-width:48em){
|
||||
.masthead-brand{display:none}
|
||||
}
|
||||
|
||||
.masthead-brand img {
|
||||
.masthead-brand a img {
|
||||
width: 12rem;
|
||||
}
|
||||
|
||||
|
@ -21,7 +21,7 @@
|
||||
<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
|
||||
<header class="mb-auto">
|
||||
<div>
|
||||
<h3 class="masthead-brand float-md-start mb-0"><a href="{{ heading.link }}"><img style="width: 12rem" src="https://c0defox.es/paw-tail.svg" /></a></h3>
|
||||
<h3 class="masthead-brand float-md-start mb-0"><a href="{{ heading.link }}"><img src="https://c0defox.es/paw-tail.svg" /></a></h3>
|
||||
<nav class="nav nav-masthead justify-content-center float-md-end">
|
||||
<a class="nav-link fw-bold py-1 px-0 active" href="{{ heading.link }}"><i class="bi bi-house-door-fill"></i> Home</a>
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user