アコーディオンメニューからプルダウンする位置を変更したい

Question

レスポンシブ対応にするとプルダウンに押されて、元々のページが下がってしまいます。ヘッダーのロゴは動かさず、ロゴ下位置からプルダウンが出るようにしたいのですが、どのようにしたらよろしいですか？下記にテストでアップしました。
http://www.futako.com/test/

3本ラインの場所は可動するのですが、プルダウンの開始位置がどうしてもページ最上部から動かす事ができません。。

#menuList {
display: none;
}
#rwdMenuWrap #switchBtnArea {
width: 100%;
height: 10px;
position: absolute;
top:3px;
left:0px;
z-index: 1000;
}
#rwdMenuWrap #switchBtnArea #switchBtn {
top: 5px;
right: 10px;
width: 40px;
height: 40px;
display: block;
position: absolute;
border-radius: 5px;
z-index: 1000;
}
#rwdMenuWrap #switchBtnArea #switchBtn span {
left: 20%;
width: 60%;
height: 2px;
display: block;
position: absolute;
background-color: #88abda;
border-radius: 5px;
transition: all 0.2s linear;
}

■現在

■ロゴの下からブルダウンを設定したい

<script>
$(function(){
    var rwdMenu = $('#menuList'),
    switchPoint = 480,
    slideSpeed = 500;
    var menuSouce = rwdMenu.html();
    $(window).load(function(){
        function menuSet(){
            if(window.innerWidth <= switchPoint){
                if(!($('#rwdMenuWrap').length)){
                    $('body').prepend('<div id="rwdMenuWrap"><div id="switchBtnArea"><a href="javascript:void(0);" id="switchBtn"><span></span><span></span><span></span></a></div></div>');
                    $('#rwdMenuWrap').append(menuSouce);
                    var menuList = $('#rwdMenuWrap > ul');
                    $('#switchBtn').on('click', function(){
                        menuList.slideToggle(slideSpeed);
                        $(this).toggleClass('btnClose');
                    });
                }
            } else {
                $('#rwdMenuWrap').remove();
            }
        }
        $(window).on('resize', function(){
            menuSet();
        });
        menuSet();
    });
});
</script>

どうぞよろしくお願いいたします。

Comments

[yambejp]

説明文からHTMLやCSSの状況が想像できません。ソースを提示されたほうが良いと思います

[Birdsfly]

ありがとうございます。追記いたしました。どうぞよろしくお願いいたします。

[kei344]

ご自身で試されたコードを質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。

[kei344]

質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

[Birdsfly]

色々すみません。。コードブロックで囲みました。ありがとうございます。

[kei344]

JavaScript/HTMLはないのでしょうか？

[Birdsfly]

JavaScript/HTMLを記入させていただきました。こちらでの設定になるのでしょうか。。

Answer 1

// $('body').prepend(
// ↓
   $('#header').after(

Comments

[Birdsfly]

ありがとうございます。
$('#header').after(　を記述する意味はとても分かるのですが、どのように記述したらよいか、教えていただけますでしょうか。

本当に申し訳ございません。。

[kei344]

どう書き換えるかを書いたつもりなのですが、ご自身のコードを見られていないのですか？

[Birdsfly]

あ～～できました！
本当にありがとうございました！！！感謝です。

[Birdsfly]

どうもありがとうございました。

[Birdsfly]

もう一度伺ってもよろしいでしょうか。

今の設定はヘッダーの下にプルダウンメニューが入る感じですが、ヘッダーの下からプルダウンメニューが最前面に乗る感じにしたいのですが..
z-index:でできませんでしょうか。

[kei344]

【CSS - position】
http://ja.learnlayout.com/position.html

[Birdsfly]

ありがとうございました。