title: Shopify Gecko theme, I can not change mobile menu heading
body: <p>I want to change the mobile menu heading title for this Gecko 5.0 theme. In their theme customizer there is no option to change these 2 headings! I tried to change using CSS at their mobile CSS custom code option box. Pls see my codes. The problem is, on checked state, the thick brown bottom border comes over the text. This brown border is supposed to be at the bottom of the selected tab. Chrome inspect gives this:</p>
  <p>Pls let me know where I went wrong in my codes:</p>
  <pre><code>.mb_nav_title span {
      display: none;
    }
    .mb_nav_title:nth-child(1):after {
      position: relative;
      top: 0;
      left: 0;    
      content: &quot;WOMEN&quot;;  
    }
    .mb_nav_title:nth-child(2):after {
     position: relative;
     top: 0;
     left: 0;
      content: &quot;MEN&quot;;  
    }
  </code></pre>
  <p>THIS CODE ABOVE GIVES THIS RESULT :
  <a href="https://i.stack.imgur.com/wwGGg.jpg" rel="nofollow noreferrer">CODE RESULT</a></p>
  <p>I tried to change these texts from the code editor liquid file. I searched with the classes mb_nav_title or mb_nav_tabs on many different files that seemed to me to contain codes for mobile navigation. But could not find the file or locate the lines.</p>
  <p>Pls help.</p>
  <p>Thank you.</p>