Add optional navbar separator

It cleanly separates the home page sections from the main menu.

Signed-off-by: Marek Pikuła <[email protected]>

exampleSite/config.yaml

@@ -112,6 +112,7 @@ params:
     stickyNavBar:
       enable : true
       showOnScrollUp : true
+    enableSeparator: false
     menus:
       disableAbout: false
       disableExperience: false

layouts/partials/sections/header.html

@@ -139,6 +139,10 @@
                     </li>
                     {{ end }}
 
+                    {{ if and .Site.Menus.main (.Site.Params.navbar.enableSeparator | default false) }}
+                        <li class="nav-item navbar-text"><div class="nav-link nav-link-sep"></div></li>
+                    {{ end }}
+
                     <!-- custom menus from the user -->
                     {{ range .Site.Menus.main }}
                     {{ if .HasChildren }}

static/css/header.css

@@ -45,6 +45,10 @@ header .nav-link{
 .navbar .nav-link:hover {
     color: var(--primary-color) !important;
 }
+.nav-link.nav-link-sep:after {
+    content: "|";
+    color: var(--text-color) !important;
+}
 
 li > .dropdown-toggle:focus{
     color: var(--primary-color) !important;