Невозможно переместить "navbar" под тело

Question

Я пытаюсь переместить раздел «mynav» вверх, чтобы он мог стать потомком тела (самый верх html).Это должно применяться только в мобильной версии веб-сайта.

Другая тема, которую я нашел и пытался использовать:

---

---

---

Как переместить все элементы HTMLдети к другому родителю, использующему JavaScript?

http://jsfiddle.net/62f9L/

---

---

---

Я попробовал то, что указано в этой теме, но не думаю, что я былдействительно успешный, поскольку он все еще позиционировал себя под id = "burger"

var myNav = document.getElementById('myNav');
var myBody = document.getElementById('myBody');

while (myBody.childNodes.length > 0) {
    myNav.appendChild(myBody.childNodes[0]);
}

https://jsfiddle.net/8n6wjtm7/

Я хочу, чтобы "mynav" перемещался под элементом body в мобильной версии.Я хотел бы использовать его для полного открытия страницы.Есть ли способ сделать это только в Javascript?Я действительно не предпочитаю Jquery.Спасибо.

Answer 1

OK.Так что я решил это.Я позиционировал меню как фиксированное в мобильной версии, чтобы он мог занимать всю страницу.

position: fixed;
bottom: 0;
top: 0;
left: 0;
width: 40%;