title: input bar covers text in mobile but not on desktop
body: <p>I cant click on the first link. It seems like something is covering up the link, but I don't see what is. The first image is on my phone. This is the one that I cant get it clicked. The desktop is fine. I thought the search bar is covering it up, so I increase bottom margin to see if it'll help. It didn't. I can click Join, I can't click login. And when I log in, the same problem persists with other links on the top.</p>
  
  <p>[edit]
  I'm using this as the sliders on the right. <a href="http://plugins.adchsm.me/slidebars/usage.php" rel="nofollow noreferrer">http://plugins.adchsm.me/slidebars/usage.php</a> I didn't change much from the stylesheet. </p>
  
  <p>stylesheet:</p>
  
  <pre><code>    .search {
  float: left;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #fff;
  margin-bottom: 50px;
  }
  .nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  color: #999999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  }
  .nav-list .nav-header {
  margin-left: -15px;
  margin-right: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  }
  .sb-slidebar {
  height: 100%;
  overflow-y: auto;
  position: fixed;
  top: 0;
  z-index: 0;
  visibility: hidden;
  background-color: #222;
  }
  </code></pre>
  
  <p>view. This is for the right side of the menu bar:
  </p>
  
  <pre><code>        &lt;div class="sb-slidebar sb-right"&gt;  
              &lt;div class="search"&gt;
                  &lt;?php echo CHtml::form(Yii::app()-&gt;createUrl('site/search'),'get') ?&gt;
                  &lt;?php echo CHtml::textField('search_key', '',array('placeholder'=&gt;'search')) ?&gt;
                  &lt;button type="submit"&gt;
                  &lt;/button&gt;
                  &lt;?php echo CHtml::endForm() ?&gt;
                  &lt;/div&gt;
              &lt;?php 
              $this-&gt;widget(
                      'bootstrap.widgets.TbMenu',
                      array(
                              'type' =&gt; 'list',
                              'items'=&gt;array(
                                  //array('icon'=&gt;'user','label'=&gt;"Profile", 'url'=&gt;array('/user/profile/view','id'=&gt;Yii::app()-&gt;user-&gt;getId(),'hello' =&gt; Yii::app()-&gt;user-&gt;first_name), ),
                              array('label'=&gt;'Hi Guest'),                         
                              array('label'=&gt;'Login', 'url'=&gt;array('/site/signin'), 'visible'=&gt;Yii::app()-&gt;user-&gt;isGuest),
                              array('label'=&gt;'Join', 'url'=&gt;array('/site/signup'), 'visible'=&gt;Yii::app()-&gt;user-&gt;isGuest),
                              ),
  ));?&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/GN7cK.png" alt="enter image description here"><img src="https://i.stack.imgur.com/tvk1U.png" alt="enter image description here"></p>