JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.rawgit.com/ComputerWolf/SlickNav/1.0.1/jquery.slicknav.min.js"></script>
<link rel="stylesheet" href="https://cdn.rawgit.com/ComputerWolf/SlickNav/1.0.1/slicknav.css">
<ul id="menu">
    <li>Parent 1
        <ul>
            <li><a href="#">item 3</a></li>
            <li>Parent 3
                <ul>
                    <li><a href="#">item 8</a></li>
                    <li><a href="#">item 9</a></li>
                    <li><a href="#">item 10</a></li>
                </ul>
            </li>
            <li><a href="#">item 4</a></li>
        </ul>
    </li>
    <li><a href="#">item 1</a></li>
    <li>non-link item</li>
    <li>Parent 2
        <ul>
            <li><a href="#">item 5</a></li>
            <li><a href="#">item 6</a></li>
            <li><a href="#">item 7</a></li>
        </ul>
    </li>
</ul>

CSS

.logo {
    float:left;
    color:#fff;
    padding:1em;
}

JavaScript

$('#menu').slicknav();

$('.slicknav_menu').prepend('<div class="logo">LOGO</div>');