ZIndex Не работает должным образом

Question

У меня есть сайт, вы можете посетить в http://www.ssdpsjal.tk

Как вы можете видеть, когда вы посещаете веб-сайт с помощью ПК, на погрузчике появляется навигационное меню. Почему это происходит?

Я только добавил следующие строки в моем CSS: -

<style> 
.navbar-inverse { 
    background-color: #3A1F3B; 
    border-color: #222222; 
} 

.navbar { 
    margin-bottom: 0px; 
} 
</style> 

и класс для вызова IT-> <nav class="MY_OLD_CLASSES + nav nav_inverse">

Я не добавил ничего другого, пожалуйста, помогите мне решить эту проблему.

Помощь Оценил

EDIT

Мой полный код

<style> 
.navbar-inverse { 
    background-color: #3A1F3B; 
    border-color: #222222; 
} 

.navbar {} 
</style> 
    <div class="navbar navbar-inverse nav-bar-main" role="navigation"> 
     <div class="container"> 
      <nav class="main-navigation clearfix visible-md visible-lg" role="navigation"> 
        <ul class="main-menu sf-menu"> 

         <?php 
              foreach ($main as $lvl1){ 
               if(strpos($lvl1->href, 'http') !== false){ $lvl1_link = $lvl1->href;} else {$lvl1_link = link_url().$lvl1->href;}             
               echo '<li><a href="'.$lvl1_link.'">'.$lvl1->title.'</a>'; 

               If ($lvl1->dropdown == "1"){ 
                echo '<ul class="sub-menu" style="width:300px;">';              
                foreach ($sub as $lvl2){ 
                 If ($lvl2->mid == $lvl1->id){ 
                  If ($lvl2->dropdown == "1"){ 

                   if(strpos($lvl2->href, 'http') !== false){$lvl2_link = $lvl2->href;} else {$lvl2_link = link_url().$lvl2->href;}                  
                   echo '<li><a href="'.$lvl2_link.'">'.$lvl2->title.'</a><ul class="sub-menu">'; 
                   foreach($subsub as $lvl3){ 
                    If ($lvl3->mid == $lvl2->id){ 

                     if(strpos($lvl3->href, 'http') !== false){$lvl3_link = $lvl3->href;} else {$lvl3_link = link_url().$lvl3->href;}                    
                     echo '<li><a href="'.$lvl3_link.'">'.$lvl3->title.'</a></li>'; 
                    } 
                   } 
                   echo '</ul></li>'; 
                   }else{ 
                   if(strpos($lvl2->href, 'http') !== false){$lvl2_link = $lvl2->href;} else {$lvl2_link = link_url().$lvl2->href;} 
                   echo '<li><a href="'.$lvl2_link.'">'.$lvl2->title.'</a></li>'; 
                  } 
                 } 
                } 
                echo '</ul>'; 
               } 
               echo '</li>'; 
              } 
             ?> 

        </ul> <!-- /.main-menu --> 

      </nav> <!-- /.main-navigation --> 
     </div> <!-- /.container --> 
    </div> <!-- /.nav-bar-main --> 

EDIT 2

Если удалить Navbar и NavBar-обратные классы, проблема решена но я не хочу, чтобы пользовательский интерфейс менялся, поэтому я не могу удалить их.

Answer 1

Так как вы добавляете класс loaded к телу, вы можете сделать:

body:not(.loaded) .navbar { 
    display: none; 
} 

Answer 2

Я нашел решение. (Мой плохой, я не видел его раньше :()

По моему JQuery и навигационная панель NavBar-обратный уже были заняты Somwhere еще, так что я просто использовал style="" тег