Responsive version

_sass/minima/_layout.scss

@@ -55,32 +55,40 @@
   }
 
   .page-link:hover:after {
-    // border-bottom: solid 3px #26a9df;
     border-color: #58595B;
   }
 
-  .page-link:after {
-    content: " ";
-    width: 22px;
-    border-bottom: solid 3px #cbcfda;
-    position: absolute;
-    top: 30px;
-    left: 18px;
-    float: left;
+  @media (min-width: 640px) {
+    .page-link:after {
+      content: " ";
+      width: 22px;
+      border-bottom: solid 3px #cbcfda;
+      position: absolute;
+      top: 30px;
+      left: 18px;
+      float: left;
+    }
+  }
+
+  @media (max-width: 640px) {
+    .page-link.active:before {
+      content: "\2022";
+      margin-right: 10px;
+      position: absolute;
+      left: 30px;
+      color: rgb(23, 168, 225);
+    }
+    .page-link.active {
+      font-weight: 600;
+      color: rgb(23, 168, 225);
+    }
+    .page-link {
+      color: #222;
+    }
   }
 
   @media (min-width: 640px) {
     .page-link:hover {
-        // border: solid 1px #555;
-        // border-top: none;
-        // border-right: solid 1px;
-
-        // text-decoration: none;
-        // box-shadow: #0000001f 0px 5px 10px 0px;
-
-        // z-index: 100;
-        // margin-right: 0px;
-
       color: #222 !important;
 
         &:not(.active) {
@@ -95,8 +103,6 @@
       margin: 0 0 0 -1px;
       padding: 2px 10px 4px 9px;
 
-//      color: #0bc5ff;
-
       float: left;
 
       -moz-transition: padding 0.8s ease;
@@ -108,7 +114,6 @@
     }
 
     .active:after {
-      // padding-top: 20px;
       border-color: #58595B;
     }
   }