Wells Template Mobile Navigation

Site URL: http://theallisonfiles.com/

Hi there,

I was hoping someone can help me. I have been tweaking the display for the Wells Mobile Navigation and I nearly have it! I would love to have the folder title "TRAVEL" permanently underlined, currently its only the 'Active Link' that is underlined and I am having no luck changing this. I have provided a screenshot of how it looks currently and the code I have been using. 

Really hoping someone can help me! 

Kindest,

Jessy :) 

#mobileMenuLink li.active-link a {
     visibility:hidden;
  }
  #mobileMenuLink li.active-link a:after {
     visibility: visible;
     font-family: 'Courier New';
     font-size: 15px;
     font-style: normal;
     speak: none;
     font-weight: normal;
     -webkit-font-smoothing: antialiased;
     content: "content";
     text-align: right;
     display: inline-block;
     vertical-align: right;
  }

 @media only screen and (max-width: 800px)
           {
     #mobileNav nav {
             background-color: #ffffff;
         }
       #mobileNav nav ul li {
   a {
          color: #000000 !important;
    }     
    &.active-link a {
      border-bottom: 1px solid;
 color: #dfbab3 !important;
 }
         }
 }

#mobileNav.menu-open {
 margin-top: -24px;
           height: 390px !important;
              }

 #mobileNav a, {
      font-size: 14px !important;
 }

@JessyAllison

Hi Jessy,

By default the folder-title in Wells has a white underline.
Add this code if you want to change the color:

.mobile-folder a {
                        border-color: black !important;
} 

Magne