经常买子比主题的朋友都知道，导航栏默认自带就有个小横条跟随在上面，我也不知道叫什么，管他叫小横条，因个人是个强迫症总感觉那个东西不舒服于是自己站点是把他给隐藏起来的了。

截图预览

就是这个玩意，不过因人而异，喜欢的就保留，不喜欢的就隐藏。

用GIF给大家演示一下，修改css代码往上一收立刻隐藏，完事了。

css代码

/* 导航栏小横条隐藏 */
.navbar-nav > li::before {
  content: ' ';
  position: absolute;
  width: 100%;
  top: -100px;
  background: var(--focus-color);
  height: 5px;
  border-radius: 0 0 15px 15px;
  opacity: 0;
}

把代码复制粘贴到➡️主题设置➡️自定义代码➡️自定义CSS样式。即可