got the nav working on web and looking real sharp.

stylesheets/custom.css

@@ -114,7 +114,7 @@
   text-transform: uppercase;
   font-size: 11px;
   font-weight: 600;
-  letter-spacing: .1rem;
+  letter-spacing: .2rem;
   margin-right: 50px;
   text-decoration: none;
   line-height: 6.3rem;
@@ -128,11 +128,20 @@
   top: 0;
   left: 0;
 }
+
 .has-docked-nav .navbar-spacer {
   display: block;
 }
+/* Re-overiding the width 100% declaration to match size of % based container */
+.has-docked-nav .navbar > .container {
+  width: 80%;
+}
 
 
+
+.popover.open {
+  display: block;
+}
 .popover {
   display: none;
   position: absolute;
@@ -143,9 +152,35 @@
   border-radius: 4px;
   top: 92%;
   left: -50%;
+  -webkit-filter: drop-shadow(0 0 6px rgba(0,0,0,.1));
+     -moz-filter: drop-shadow(0 0 6px rgba(0,0,0,.1));
+          filter: drop-shadow(0 0 6px rgba(0,0,0,.1));
+}
+.popover-item:first-child .popover-link:after, 
+.popover-item:first-child .popover-link:before {
+  bottom: 100%;
+  left: 50%;
+  border: solid transparent;
+  content: " ";
+  height: 0;
+  width: 0;
+  position: absolute;
+  pointer-events: none;
+}
+.popover-item:first-child .popover-link:after {
+  border-color: rgba(255, 255, 255, 0);
+  border-bottom-color: #fff;
+  border-width: 10px;
+  margin-left: -10px;
+}
+.popover-item:first-child .popover-link:before {
+  border-color: rgba(238, 238, 238, 0);
+  border-bottom-color: #eee;
+  border-width: 11px;
+  margin-left: -11px;
 }
 .popover-list {
-  padding: 10px 0;
+  padding: 0;
   margin: 0;
   list-style: none;
 }
@@ -154,9 +189,11 @@
   margin: 0;
 }
 .popover-link {
-  color: #999;
+  position: relative;
+  color: #222;
   display: block;
-  padding: 5px 20px;
+  padding: 8px 20px;
+  border-bottom: 1px solid #eee;
   text-decoration: none;
   text-transform: uppercase;
   font-size: 1.0rem;
@@ -164,7 +201,18 @@
   text-align: center;
   letter-spacing: .1rem;
 }
+.popover-item:first-child .popover-link {
+  border-radius: 4px 4px 0 0;
+}
+.popover-item:last-child .popover-link {
+  border-radius: 0 0 4px 4px;
+  border-bottom-width: 0;
+}
 .popover-link:hover {
   color: #fff;
   background: #33C3F0;
+}
+.popover-link:hover,
+.popover-item:first-child .popover-link:hover:after {
+  border-bottom-color: #33C3F0;
 }

stylesheets/skeleton.css

@@ -118,8 +118,7 @@ h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 a { 
 	color: #1EAEDB; }
-a:hover,
-a:focus { 
+a:hover { 
 	color: #0FA0CE; }