Mobile Superfish移动导航菜单

我有这个版本

一个Superfish菜单，可以缩放到移动版本，工作正常，我已经将移动菜单定位在页面顶部，当它被缩放到800px时会出现

唯一的问题是当我点击菜单按钮时，菜单出现在我所有标题内容的下方。当点击以向下推所有其他内容并显示菜单时，它们是制作菜单的一种方式吗

希望这是有道理的

像这样谢谢你

。。。
#导航{
宽度：100%；
溢出：隐藏；
}

您好，谢谢，但这对我不起作用，是因为我的导航（sf菜单）在我的所有标题内容之后启动吗？如果您希望导航高于内容，必须先在源代码中编写导航。或者你必须指出它是绝对的。但它会覆盖你的内容。我唯一添加的另一件事是一个容器，包括你的导航，并给它100%的宽度。因此，内容将降低您的导航，而不是放在一边。

   $('#mobnav-btn').click(

function () {
    $('.sf-menu').toggleClass("xactive");


});


$('.mobnav-subarrow').click(

function () {
    $(this).parent().toggleClass("xpopdrop");


});

<div id="nav">...</div>

#nav {
width: 100%;
overflow: hidden;
}