问移动字形图标切换菜单引导

EN

我正在制作一个可重用的切换侧边栏菜单，为了我的生命，我不能把这个图标锚定在菜单的左边，所以它总是可见的。现在，它看起来像是相册中的第一个图像。

我使用的是一个模板，所以我很确定这只是一些我没有搞砸的css小东西，但我的老师也无法修复它:O

当菜单被切换时，它看起来像第二个图像。显然，我希望这个图标是可见的，显示它可以再次切换。

我还有另外一个稍微糟糕的问题(第三张图片)：当菜单被关闭时，底部的>.<上有一个滚动条，这是指向我的html/js和JSFiddle上css的链接。

还有我用来切换的JS

<script>
    $("#menu-toggle").click(function(e) {
        e.preventDefault();
        $("#wrapper").toggleClass("toggled");
    });
</script>