alexohneander/alexohneander-zola
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Merge pull request #70 from welpo/style/full-width-navs-mobile

Browse Source 
💄 style: improve header's responsiveness
This commit is contained in:
Óscar 2023-04-15 00:53:14 +02:00 committed by GitHub
commit 50280e65a9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
sass/parts/_header.scss
View File

@ -8,7 +8,6 @@ header {
align-items: flex-start;
gap: 12px;
font-size: 1.5rem;
/* Otherwise header and menu is too close on small screens*/
margin-bottom: 10px;
}
}
@ -108,12 +107,15 @@ header {
}
@media only screen and (max-width: 600px) {
.nav-title {
margin: 0;
.nav-navs {
margin-top: 0.8rem;
width: 100%;
justify-content: center;
}
.navbar {
max-width: var(--medium-layout-width);
flex-direction: column;
align-items: center;
}
}