---
title: "Floating Navigation bar"
date: "2023-06-19"
description: "The Floating Navigation bar can get truncated to show h2 headings if the table of content gets to long"
tags: [markdown, css, html, themes]
categories: [themes, syntax]
---

## Intro 

Try this example with `toc = "floating"` and `toc = "static"`!

## Header

### Subitem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.

### Subitem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.

### Subitem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.

### Subitem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.

### Subitem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.

### Subitem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.

### Subitem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.

### Subitem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.

### Subitem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.

### Subitem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.

### Subitem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.

### Subitem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.

### Subitem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.

### Subitem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.

### Subitem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.

### Subitem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.

## Header 2

### Subitem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.

### Subitem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.

### Subitem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.

### Subitem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.

### Subitem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.

### Subitem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.

### Subitem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.

### Subitem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.

### Subitem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.

### Subitem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.

### Subitem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.

### Subitem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.

### Subitem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.

### Subitem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.

### Subitem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.

### Subitem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.

## Header 1
### Subitem
## Header 2
### Subitem
## Header 3
### Subitem
## Header 4
### Subitem
## Header 5
### Subitem
## Header 6
### Subitem
## Header 7
### Subitem
## Header 8
### Subitem
## Header 9
### Subitem
## Header 10
### Subitem
## Header 11
### Subitem
## Header 12
### Subitem
## Header 13
### Subitem
## Header 14
### Subitem
## Header 15
### Subitem
## Header 16
### Subitem
## Header 17
### Subitem
## Header 18
### Subitem
## Header 19
### Subitem
## Header 20
### Subitem
## Header 21
### Subitem
## Header 22
### Subitem
## Header 23
### Subitem
## Header 24
### Subitem
## Header 25
### Subitem
## Header 26
### Subitem
## Header 27
### Subitem
## Header 28
### Subitem
## Header 29
### Subitem
## Header 30
### Subitem
## Header 31
### Subitem
## Header 32
### Subitem
## Header 33
### Subitem
## Header 34
### Subitem
## Header 35
### Subitem
## Header 36
### Subitem
## Header 37
### Subitem
## Header 38
### Subitem
## Header 39
### Subitem
## Header 40
### Subitem
## Header 41
### Subitem
## Header 42
### Subitem
## Header 43
### Subitem
## Header 44
### Subitem
## Header 45
### Subitem
## Header 46
### Subitem
## Header 47
### Subitem
## Header 48
### Subitem
## Header 49
### Subitem
## Header 50