mirrors/hugo-PaperMod
1
0
Fork 0
mirror of https://github.com/adityatelange/hugo-PaperMod.git synced 2023-12-21 10:22:58 +01:00
Code Issues Packages Projects Releases Wiki Activity

Ability to stick header to the top of the page

Browse Source 
If enabled, header with top menu will be always visible regardless of scrolling.
This commit is contained in:
Grzegorz Korba 2022-07-12 11:43:26 +02:00 committed by Greg Korba
parent e0fc64c43e
commit 84e941d50a
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
assets/css/common/header.css
View File

@ -1,3 +1,11 @@
header.header-sticky {
position: sticky;
top: 0;
width: 100%;
background: var(--theme);
z-index: 1000;
}
.nav { .nav {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;

2
layouts/partials/header.html
View File

@ -39,7 +39,7 @@
</script> </script>
{{- end }} {{- end }}
<header class="header"> <header class="header {{ if (site.Params.stickyHeader) }}header-sticky{{ end }}">
<nav class="nav"> <nav class="nav">
<div class="logo"> <div class="logo">
{{- $label_text := (site.Params.label.text | default site.Title) }} {{- $label_text := (site.Params.label.text | default site.Title) }}