comparing apples to oranges pixelpadre...
Your one example page is a bootstrap html page and bootstrap is reponsive by default (no need to switch to the inspector to set device type, just resize browser) whereas the responsive classic requires device detection to determine if it is being displayed on a tablet/mobile device. Once a tablet/mobile device is detected it then different code is presented to the browser.

Code:
<!--bof navigation display-->
<div id="navMainWrapper" class="group onerow-fluid">
<?php 
 if ( $detect->isMobile() && !$detect->isTablet() || $_SESSION['layoutType'] == 'mobile' ) {
echo '<div class="header Fixed"><a href="#menu" title="Menu"><i class="fa fa-bars"></i></a></div>';
 } else if ( $detect->isTablet() || $_SESSION['layoutType'] == 'tablet' ){
echo '<div class="header Fixed"><a href="#menu" title="Menu"><i class="fa fa-bars"></i></a></div>';
} else { 
//
}
?>
I had no issues in any of the browsers see the bars in a mobile view, once I made sure I had "switched" device views, which in edge required going to the emulation tab and picking a mobile device