malhuda/fictioneer
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 112 Wiki Activity

Update CSS snippet to merge header and nav

Browse Source 
The reset did no longer work.
This commit is contained in:
Tetrakern 2024-01-23 22:25:22 +01:00
parent 4fccf06c7e
commit 6ff14ee6ea
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
INSTALLATION.md
View File

@ -860,6 +860,8 @@ The default footer has no background, which might not be to your liking or clash
You want the navigation next to your top-aligned header, without changing the HTML? Hacky, but possible. The actual values and result will depend on the size of your header and number of menu items, as this can lead to overlapping elements if you are not careful. Also, depending on your background, you may need to adjust some colors for both light and dark mode.
**2024/01/23:** Updated the reset on sticky CSS.
**Site Title - Minimum Size:** 40px<br>
**Site Title - Maximum Size:** 40px<br>
**Tagline - Minimum Size:** 12px<br>
@ -907,6 +909,16 @@ You want the navigation next to your top-aligned header, without changing the HT
:root:not(.no-nav-sticky) body:not(.scrolled-to-top) .main-navigation.is-sticky .main-navigation__wrapper {
flex-direction: row;
}
/* Added on 2024/01/23. */
:root:not(.no-nav-sticky) body:not(.scrolled-to-top) .main-navigation.is-sticky .main-navigation__left {
justify-content: flex-start;
padding-left: 0;
}
:root:not(.no-nav-sticky) body:not(.scrolled-to-top) .main-navigation.is-sticky .main-navigation__right {
transform: none;
}
```
#### Overlay Navigation