horizontal.scss in pageflow-progress-navigation-bar-1.1.0

- old
+ new

@@ -6,11 +6,16 @@
   left: 0;
   height: 30px;
   width: 100%;
 
   @include pageflow-progress-mobile-variant {
-    display: none;
+    height: $progressbar-mobile-width;
+    overflow: hidden;
+
+    .header_button {
+      display: none;
+    }
   }
 
   &:before {
     display: none;
   }
@@ -80,10 +85,11 @@
         .navigation_volume_box {
           position: absolute;
           width: 100%;
 
           .volume-control {
+            direction: ltr;
             text-align: center;
             display: inline-block;
             margin: 30px 0 0 0;
 
             .volume-slider {
@@ -211,18 +217,28 @@
     left: 0;
     margin: 6px 0 0 0;
     text-align: center;
     white-space: nowrap;
 
+
     li {
       width: 20px;
       height: 18px;
-      margin-right: 1px;
+      @include margin-end(1px);
       display: inline-block;
       @include box-sizing(border-box);
 
       &:last-child {
-        margin-right: 0;
+        @include margin-end(0);
+      }
+    }
+
+    @include pageflow-progress-mobile-variant {
+      width: 100%;
+      margin-top: -4px;
+
+      li {
+        height: 8px;
       }
     }
   }
 
   .navigation_site_detail {