mobile header fix (#299)

This commit is contained in:
rbbeeston
2024-08-15 18:58:15 +00:00
committed by GitHub
parent 9fad0671c7
commit bd794ff70b
2 changed files with 6 additions and 6 deletions

View File

@@ -26,14 +26,14 @@ html.is-clipped--nav {
.body {
display: flex;
gap: 1rem;
padding: 4rem 1rem 1rem;
padding: 1rem;
}
}
@media screen and (min-width: 1024px) {
.body {
display: flex;
padding: 4rem 1rem 1rem;
padding: 1rem;
}
}
@@ -98,7 +98,7 @@ html:not(.is-clipped--nav) main.article {
}
}
@media screen and (max-width: 770px) {
@media screen and (max-width: 768px) {
.card {
position: absolute !important;
top: 2.7rem;

View File

@@ -1,4 +1,4 @@
<header class="header">
<header class="header"><!--
<nav class="navbar">
<div class="navbar-brand">
<a class="navbar-item" href="{{{or site.url siteRootPath}}}/doc/{{{page.component.name}}}/">
@@ -49,7 +49,7 @@
</div>
</div>
-->
<div class="navbar-item">
<!--<div class="navbar-item">
<span class="control">
<a class="button is-primary" target="blank_"
href="https://github.com/cppalliance/site-docs/issues/new/choose">Report an Issue</a>
@@ -57,5 +57,5 @@
</div>
</div>
</div>
</nav>
</nav>-->
</header>