Can anyone help me figure out why the logo is not displaying on mobile devices? I've already tried resetting my phone's network and web browser, as well as reducing the size of the logo from 100px to 80px. Despite these efforts, the logo still won't show up. Below is the code snippet for reference. Any assistance would be greatly appreciated. Thank you in advance. You can also view the working jsfiddle here
<header id="header" class="transparent-header" data-sticky-class="not-dark">
<div id="header-wrap" style="height:180px;">
<!-- Primary Navigation "
============================================= -->
<nav id="primary-menu" class="style-2 center">
<!--<div class="container clearfix"></div>-->
<div id="primary-menu-trigger"><i class="icon-reorder"></i></div>
<div style="text-align:center">
<ul class="one-page-menu" data-easing="easeInOutExpo" data-speed="1250" data-offset="65" >
<li><a href="index.html"><div style="border-bottom:1px solid #000">Home</div></a></li>
<li><a href="about.html"><div>WHO WE ARE</div></a></li>
<li><a href="products.html"><div>WHAT WE TRADE</div></a></li>
<li><a href="services.html"><div>SERVICES</div></a></li>
<li><a href="logistic.html"><div>LOGISTICS</div></a></li>
<li><a href="contact.html"><div>CONTACT</div></a></li>
</ul>
</div>
</nav><!-- #primary-menu end -->
<!-- Logo
============================================= -->
<div id="logo" class="divcenter">
<a href="index.html" class="standard-logo" data-dark-logo="images/logo-dark.png"><img class="divcenter" src="images/logo.png" alt="Canvas Logo"></a>
<a href="index.html" class="retina-logo" data-dark-logo="images/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b5d9dad2da98d1d4c7def587cd9bc5dbd2">[email protected]</a>"><img class="divcenter" src="images/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="64080b030b24561c4a140a03">[email protected]</a>" alt="Canvas Logo"></a>
</div><!-- #logo end -->
<br>
</div>
</header><!-- #header end -->