diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index a83eefe4..a946744b 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -1425,6 +1425,10 @@ select {
margin-right: -0.5rem;
}
+.mr-1 {
+ margin-right: 0.25rem;
+}
+
.ml-auto {
margin-left: auto;
}
@@ -2015,6 +2019,10 @@ select {
padding-left: 0.5rem;
}
+.pb-3 {
+ padding-bottom: 0.75rem;
+}
+
.pl-\[24px\] {
padding-left: 24px;
}
@@ -2114,6 +2122,10 @@ select {
font-weight: 500;
}
+.font-light {
+ font-weight: 300;
+}
+
.uppercase {
text-transform: uppercase;
}
@@ -2254,16 +2266,6 @@ select {
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
-.ring-1 {
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.ring-opacity-5 {
- --tw-ring-opacity: 0.05;
-}
-
.backdrop-blur {
--tw-backdrop-blur: blur(8px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
diff --git a/exampleSite/config/_default/menus.en.toml b/exampleSite/config/_default/menus.en.toml
index 7b30ce0d..a33ed813 100644
--- a/exampleSite/config/_default/menus.en.toml
+++ b/exampleSite/config/_default/menus.en.toml
@@ -39,6 +39,28 @@
pageRef = "samples"
weight = 20
+[[subnavigation]]
+ name = "An interesting topic"
+ pageRef = "tags/interesting-topic"
+ weight = 10
+
+[[subnavigation]]
+ name = "My Awesome Category"
+ pre = "github"
+ pageRef = "categories/awesome"
+ weight = 20
+
+[[subnavigation]]
+ name = "YOLO"
+ pageRef = "categories/awesome"
+ weight = 20
+
+[[subnavigation]]
+ name = "My Awesome Category asd"
+ pre = "twitter"
+ pageRef = "categories/awesome"
+ weight = 20
+
[[main]]
name = "Samples"
pageRef = "samples"
diff --git a/exampleSite/content/docs/getting-started/index.md b/exampleSite/content/docs/getting-started/index.md
index 76f60aa8..d7d2706e 100644
--- a/exampleSite/content/docs/getting-started/index.md
+++ b/exampleSite/content/docs/getting-started/index.md
@@ -195,7 +195,7 @@ Menu links will be sorted from lowest to highest `weight`, and then alphabetical
Both menus are completely optional and can be commented out if not required. Use the template provided in the file as a guide.
-### Nested Menus
+### Nested menus
The theme also supports nested menus. In order to use them you just need to define a parent entry in `menu.toml` and its sub-menus using the `parent` parameter to reference the parent. All properties can be used for sub-menus. Note that `pageRef` and `url` will be ignored for the parent entry. Nested menus is only available in the main menu not for the footer.
@@ -226,6 +226,26 @@ The theme also supports nested menus. In order to use them you just need to defi
weight = 20
```
+### Sub-Navigation menu
+
+Additionally, you can also configure a sub-navigation menu. Just define new menu entries as `subnavigation` in `menu.toml`. This will render a second line with caregories below the main header menu.
+
+```toml
+# config/_default/menus.toml
+
+[[subnavigation]]
+ name = "An interesting topic"
+ pageRef = "tags/interesting-topic"
+ weight = 10
+
+[[subnavigation]]
+ name = "My Awesome Category"
+ pageRef = "categories/awesome"
+ weight = 20
+```
+
+
+
## Thumbnails & Backgrounds
Blowfish was built so it would be easy to add visual support to your articles. If your familiar with Hugo article strucutre, you just need to place an image file (almost all formats are supported bue we recommend `.png` or `.jpg`) that starts with `feature*` inside your article folder. And that's it, Blowfish will then able to both use the image as a thumbnail within your website as well as for oEmbed cards across social platforms.
diff --git a/layouts/partials/header/basic.html b/layouts/partials/header/basic.html
index 551351f3..ce73be67 100644
--- a/layouts/partials/header/basic.html
+++ b/layouts/partials/header/basic.html
@@ -23,7 +23,7 @@
-