make navbar sticky
This commit is contained in:
@@ -24,7 +24,7 @@
|
|||||||
|
|
||||||
<!-- Navbar -->
|
<!-- Navbar -->
|
||||||
<header>
|
<header>
|
||||||
<nav class="pt-3 navbar navbar-expand-lg {{ if .Site.Params.animate }}animate{{ end }}">
|
<nav class="fixed-top pt-3 navbar navbar-expand-lg {{ if .Site.Params.animate }}animate{{ end }}">
|
||||||
<div class="container-fluid mx-xs-2 mx-sm-5 mx-md-5 mx-lg-5">
|
<div class="container-fluid mx-xs-2 mx-sm-5 mx-md-5 mx-lg-5">
|
||||||
<!-- navbar brand -->
|
<!-- navbar brand -->
|
||||||
<a class="navbar-brand primary-font text-wrap" href="{{ .Site.BaseURL | relURL }}">
|
<a class="navbar-brand primary-font text-wrap" href="{{ .Site.BaseURL | relURL }}">
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{{ if .Site.Params.hero.enable | default false }}
|
{{ if .Site.Params.hero.enable | default false }}
|
||||||
<section id="hero" class="py-5 align-middle">
|
<section id="hero" class="py-5 align-middle">
|
||||||
<div class="container px-3 px-sm-5 px-md-5 px-lg-5 pt-lg-3">
|
<div class="container px-3 px-sm-5 px-md-5 px-lg-5 pt-lg-3 mt-5">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm-12 col-md-12 col-lg-8 content {{ if .Site.Params.animate }}animate{{ end }}" id="primary-font">
|
<div class="col-sm-12 col-md-12 col-lg-8 content {{ if .Site.Params.animate }}animate{{ end }}" id="primary-font">
|
||||||
<span class="subtitle">
|
<span class="subtitle">
|
||||||
|
|||||||
@@ -53,6 +53,7 @@
|
|||||||
|
|
||||||
header .navbar.animate {
|
header .navbar.animate {
|
||||||
animation: fade-up 0.5s ease-in;
|
animation: fade-up 0.5s ease-in;
|
||||||
|
background-color: var(--background-color) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user