锚定导航切换到右侧和样式切换按钮

Question

我正在努力创建响应式导航切换，但我无法将菜单右侧对齐。我尝试使用position：absolute因为我希望它在我的主要内容之上。

此外，有没有办法将CSS样式定位到＆＃34;菜单＆＃34;？

<nav class="nav-collapse">
    <ul>
        <li class="active"><a href="#">A</a></li>
        <li><a href="#">B</a></li>
        <li><a href="#">C</a></li>
        <li><a href="#">D</a></li>
        <li><a href="#">E</a></li>
        <li><a href="#">F</a></li>
        <li><a href="#">G</a></li>
    </ul>

    <div>
        <a class="btn-grn" href="">A</a>
        <a class="btn-vio" href="">B</a>
        <a class="btn-grn">C</a>
    </div>
</nav>

<script>
  var navigation = responsiveNav(".nav-collapse");
</script>

https://jsfiddle.net/f298xtz6/