Check out my website at
Upon visiting the website on a PC, you'll notice that the navigation menu appears on the loader. Can anyone explain why this is happening?
The only modifications I made to my CSS are:
<style>
.navbar-inverse {
background-color: #3A1F3B;
border-color: #222222;
}
.navbar {
margin-bottom: 0px;
}
</style>
I simply added a class to call it->
<nav class="MY_OLD_CLASSES + nav nav_inverse">I haven't made any other changes, and I would appreciate any assistance in resolving this issue.
Your help will be highly appreciated. Thank you!
EDIT
Here is my full code:
<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
If I remove the navbar and navbar-inverse classes, the issue goes away, but I want to maintain the current UI so I cannot remove them.