updated

Author: 1franck

_includes/topbar.html

@@ -1,4 +1,4 @@
-<nav class="navbar navbar-expand-lg fixed-top topbar">
+<nav class="navbar navbar-dark navbar-expand-lg fixed-top topbar">
 
     <a class='nav-brand logo-title' href="{{ site.url }}">
         <img src="https://raw.githubusercontent.com/peakphp/art/master/logo-clean-50x50-inverse.png" alt="Peak logo" class="bg-black logo">
@@ -10,7 +10,7 @@
 
     <div class="collapse navbar-collapse" id="mainNav">
 
-        <ul class="navbar-nav" style="margin-left:200px;">
+        <ul class="navbar-nav">
             <li class='nav-item {% if page.id == "docs-home" %}active{% endif %}'>
                 <a class="nav-link" href="{{ site.url }}/docs/v4">
                     <i class="fas fa-box-open"></i> Docs

_sass/pkdoc.scss

@@ -152,6 +152,15 @@ table {
   //margin-top: 5px;
   margin-left: -1px rem;
   margin-right: -1px rem;
+  transition:none;
+  &.show {
+    position: absolute;
+    text-align: left;
+    top: 50px;
+    margin: 0px;
+    left: 0px;
+    right: 0px;
+  }
 }
 
 .navbar-expand-lg .navbar-nav .nav-link:first-child {
@@ -249,6 +258,16 @@ table {
     color:#ccc;
   }
 
+  .navbar-nav {
+    padding-left:150px;
+  }
+
+  @media (max-width: $lg) {
+    .navbar-nav {
+      padding:15px;
+    }
+  }
+
   @media (min-width: $sm + 1) and (max-width: $md) {
     padding-top:0;
     padding-bottom:0;