Docsify Navbar Fixed Preview

A new always on top customizable and pretty navigation bar for your docs.

| | |:---:| | Demo Screenshot |

Installation

<link rel="stylesheet" href="//unpkg.com/@docisfy/navbar-fixed">

ℹ️ Just to be safe, please use your downloaded version.

Every ⭐ star is expensive. If you can star this repository, you absolutely rich!

Configuration

You can configure your navbar preferences in _navbar.md file. Example

⚠️ You need to add loadNavbar: true to your index.html script, so the navbar will work. Learn more

Logo

Selector: .app-nav > p:first-child img

⚠️ The Logo code should in the first line.

<!-- Logo -->
[![](icon.svg)](/)

Title

Selector: .app-nav p:nth-child(2)

⚠️ The Title code should be below the logo code or in the line after the logo code.

<!-- Title -->
**@docisfy**

Other elements

Selector: .app-nav p:nth-child(2)~*

⚠️ Other elements should be below the logo and title code or on the line after the logo and title code. So, they will be aligned to the right.

List dropdown

Selector: .app-nav li ul

<!-- List dropdown -->
- Repository
  - [GitLab](https://gitlab.com/LIGMATV/docsify-navbar-fixed)
  - [Issues](https://gitlab.com/LIGMATV/docsify-navbar-fixed/-/issues)
  - [Merge requests](https://gitlab.com/LIGMATV/docsify-navbar-fixed/-/merge_requests)

Badge

GitHub Corner was not supported on docsify-navbar-fixed. So you can use Shields.io badge inside.

<!-- Badge -->
[![GitLab Repo stars](https://img.shields.io/gitlab/stars/LIGMATV%2Fdocsify-navbar-fixed)](https://gitlab.com/LIGMATV/docsify-navbar-fixed/-/starrers)

Background color

#42b983
The navbar color is the same like in your themeColor configuration. Learn more

usually, you done!