Blog mobile menu displays 'null'

[kasperniclas]

Our blog's mobile navigation menu displays 'null' at the bottom and I cannot figure out why.

The HTML:

<a id="mobile-trigger" href="#mobile">Ë</a>
<script src="//cdn2.hubspot.net/hubfs/364768/Aplite/jquery.sidr.min.js"></script>
<script>
$(document).ready(function() {
    $('#mobile-trigger').sidr({
      name: 'mobile',
      source: '#nav-menu-wrap .widget-type-menu, #nav-menu-wrap .header-cta',
      side: 'right'
    });
});
</script>

The CSS:

#mobile-trigger {
    font-size:42px;
    color: #204C63;
    font-family:'modern_pictograms_proregular';
    float:right;
    margin-top: -225px;
    padding-right: 20px;
    padding-bottom: 18px;
    position:relative;
    z-index:99;
    text-rendering:auto;
}

Any ideas on how to fix it is greatly appreciated! 

[roisinkirby]

Hey @kasperniclas could you please share a link to the page?

[kasperniclas]

@roisinkirby blog.synq.fm 🙂