hide the masthead brand on phone screens
This commit is contained in:
parent
371f344490
commit
ea67d5a590
@ -67,11 +67,11 @@ body {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.masthead-brand {
|
@media(max-width:48em){
|
||||||
margin-bottom: 0;
|
.masthead-brand{display:none}
|
||||||
}
|
}
|
||||||
|
|
||||||
.masthead-brand img {
|
.masthead-brand a img {
|
||||||
width: 12rem;
|
width: 12rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -21,7 +21,7 @@
|
|||||||
<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
|
<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
|
||||||
<header class="mb-auto">
|
<header class="mb-auto">
|
||||||
<div>
|
<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">
|
<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>
|
<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