Update.

Fix accessibility.

assets/javascripts/app.js

@@ -114,6 +114,8 @@
           $nav
             .find('.active')
             .removeClass('active');
+          $nav
+            .find('.has-dropdown').removeClass('has-dropdown');
         }
       },
 

assets/stylesheets/bootstrap/_variables.scss

@@ -49,7 +49,7 @@ $font-family-serif:       Georgia, "Times New Roman", Times, serif !default;
 $font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace !default;
 $font-family-base:        $font-family-sans-serif !default;
 
-$font-size-base:          14px !default;
+$font-size-base:          0.875em !default;
 $font-size-large:         ceil(($font-size-base * 1.25)) !default; // ~18px
 $font-size-small:         ceil(($font-size-base * 0.85)) !default; // ~12px
 
@@ -84,17 +84,17 @@ $icon-font-svg-id:        "glyphicons_halflingsregular" !default;
 //
 //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
 
-$padding-base-vertical:     6px !default;
-$padding-base-horizontal:   12px !default;
+$padding-base-vertical:     0.375em !default;
+$padding-base-horizontal:   0.75em !default;
 
-$padding-large-vertical:    10px !default;
-$padding-large-horizontal:  16px !default;
+$padding-large-vertical:    0.625em !default;
+$padding-large-horizontal:  1em !default;
 
-$padding-small-vertical:    5px !default;
-$padding-small-horizontal:  10px !default;
+$padding-small-vertical:    0.3125em !default;
+$padding-small-horizontal:  0.625em !default;
 
-$padding-xs-vertical:       1px !default;
-$padding-xs-horizontal:     5px !default;
+$padding-xs-vertical:       0.0625em !default;
+$padding-xs-horizontal:     0.3125em !default;
 
 $line-height-large:         1.33 !default;
 $line-height-small:         1.5 !default;
@@ -330,7 +330,7 @@ $container-lg:                 $container-large-desktop !default;
 //##
 
 // Basics of a navbar
-$navbar-height:                    50px !default;
+$navbar-height:                    3.125em !default;
 $navbar-margin-bottom:             $line-height-computed !default;
 $navbar-border-radius:             $border-radius-base !default;
 $navbar-padding-horizontal:        floor(($grid-gutter-width / 2)) !default;

assets/stylesheets/template/jquery.scrolling-tabs.min.css

@@ -5,4 +5,4 @@
  * @author Mike Jacobson <michaeljjacobson1@gmail.com>
  * @license MIT License, http://www.opensource.org/licenses/MIT
  */
-.scrtabs-tab-container *{box-sizing:border-box}.scrtabs-tab-container{height:42px}.scrtabs-tab-container .tab-content{clear:left}.scrtabs-tab-container.scrtabs-bootstrap4 .scrtabs-tabs-movable-container>.navbar-nav{-ms-flex-direction:row;flex-direction:row}.scrtabs-tabs-fixed-container{float:left;height:42px;overflow:hidden;width:100%}.scrtabs-tabs-movable-container{position:relative}.scrtabs-tabs-movable-container .tab-content{display:none}.scrtabs-tab-container.scrtabs-rtl .scrtabs-tabs-movable-container>ul.nav-tabs{padding-right:0}.scrtabs-tab-scroll-arrow{border:1px solid #ddd;border-top:none;color:#428bca;display:none;float:left;font-size:12px;height:42px;margin-bottom:-1px;padding-left:2px;padding-top:13px;width:20px}.scrtabs-tab-scroll-arrow:hover{background-color:#eee}.scrtabs-tab-scroll-arrow,.scrtabs-tab-scroll-arrow .scrtabs-click-target{cursor:pointer}.scrtabs-tab-scroll-arrow.scrtabs-with-click-target{cursor:default}.scrtabs-tab-scroll-arrow.scrtabs-disable,.scrtabs-tab-scroll-arrow.scrtabs-disable .scrtabs-click-target{color:#ddd;cursor:default}.scrtabs-tab-scroll-arrow.scrtabs-disable:hover{background-color:initial}.scrtabs-tabs-fixed-container ul.nav-tabs>li{white-space:nowrap}
+.scrtabs-tab-container *{box-sizing:border-box}.scrtabs-tab-container{height:42px}.scrtabs-tab-container .tab-content{clear:left}.scrtabs-tab-container.scrtabs-bootstrap4 .scrtabs-tabs-movable-container>.navbar-nav{-ms-flex-direction:row;flex-direction:row}.scrtabs-tabs-fixed-container{float:left;height:42px;overflow:hidden;width:100%}.scrtabs-tabs-movable-container{position:relative}.scrtabs-tabs-movable-container .tab-content{display:none}.scrtabs-tab-container.scrtabs-rtl .scrtabs-tabs-movable-container>ul.nav-tabs{padding-right:0}.scrtabs-tab-scroll-arrow{border:1px solid #ddd;border-top:none;color:#428bca;display:none;float:left;font-size:0.75em;height:42px;margin-bottom:-1px;padding-left:2px;padding-top:13px;width:20px}.scrtabs-tab-scroll-arrow:hover{background-color:#eee}.scrtabs-tab-scroll-arrow,.scrtabs-tab-scroll-arrow .scrtabs-click-target{cursor:pointer}.scrtabs-tab-scroll-arrow.scrtabs-with-click-target{cursor:default}.scrtabs-tab-scroll-arrow.scrtabs-disable,.scrtabs-tab-scroll-arrow.scrtabs-disable .scrtabs-click-target{color:#ddd;cursor:default}.scrtabs-tab-scroll-arrow.scrtabs-disable:hover{background-color:initial}.scrtabs-tabs-fixed-container ul.nav-tabs>li{white-space:nowrap}

assets/stylesheets/template/template.scss

@@ -70,7 +70,7 @@
       padding: 5px 10px;
       background: $theme-color-main;
       color:#fff;
-      font-size: 18px;
+      font-size: 1.125em;
       transition:.3s;
       &:hover{
         background: $theme-color-second;

modules/member/member_index2.html.erb

@@ -12,8 +12,8 @@
               <div class="i-member-profile-data-wrap col-sm-9">
                   <ul class="i-member-profile-list" data-list="profile_data" data-level="3">
                     <li class="i-member-profile-item">
-                        <span class="i-member-title {{title_class}}">{{title}}</span>
-                        <span class="i-member-value {{value_class}}">: {{value}}</span>
+                        <span class="i-member-title {{title_class}}"><strong>{{title}} : </strong></span>
+                        <span class="i-member-value {{value_class}}">{{value}}</span>
                     </li>
                   </ul>
               </div>

modules/member/member_index3.html.erb

@@ -12,8 +12,8 @@
               <div class="i-member-profile-data-wrap col-sm-8">
                   <ul class="i-member-profile-list" data-list="profile_data" data-level="3">
                     <li class="i-member-profile-item">
-                        <span class="i-member-title {{title_class}}">{{title}}</span>
-                        <span class="i-member-value {{value_class}}">: {{value}}</span>
+                        <span class="i-member-title {{title_class}}"><strong>{{title}} : </strong></span>
+                        <span class="i-member-value {{value_class}}">{{value}}</span>
                     </li>
                   </ul>
               </div>

modules/member/member_index4.html.erb

@@ -9,8 +9,8 @@
               <div class="i-member-profile-data-wrap">
                   <ul class="i-member-profile-list" data-list="profile_data" data-level="3">
                     <li class="i-member-profile-item">
-                        <span class="i-member-title {{title_class}}">{{title}}</span>
-                        <span class="i-member-value {{value_class}}">: {{value}}</span>
+                        <span class="i-member-title {{title_class}}"><strong>{{title}} : </strong></span>
+                        <span class="i-member-value {{value_class}}">{{value}}</span>
                     </li>
                   </ul>
               </div>