Question

Как сделать, чтобы меню отображалось перед контентом, а не после него в мобильной версии?

Answer 1

Перед </body> поставьте

<script>
$(function () {
  $(window).resize(function(){
    w = $(window).width();
    if (w<461) {
      var b1 = document.getElementById("sidebar");
      var b2 = document.getElementById("content");
      b1.parentNode.insertBefore(b2, b1);
    } else {
      var b1 = document.getElementById("sidebar");
      var b2 = document.getElementById("content");
      b1.parentNode.insertBefore(b1, b2);
    }
  });
});
</script>

В данном случае, если экран будет меньше 461px, то блоки sidebar и content поменяются местами.

Comments

ничего не меняется

---

Иван Плотников,

Ну да. Перепутал.

<script>
$(function () {
  $(window).resize(function(){
    w = $(window).width();
    if (w<461) {
      var b1 = document.getElementById("sidebar");
      var b2 = document.getElementById("content");
      b1.parentNode.insertBefore(b1, b2);
    } else {
      var b1 = document.getElementById("sidebar");
      var b2 = document.getElementById("content");
      b1.parentNode.insertBefore(b2, b1);
    }
  });
});
</script>

Вообще, по уму, надо просто блоки sidebar и content поменять местами, а в css стилях вместо float: right прописать float: left. Тогда и скриптов никаких не нужно

---

Александр Леонов,

Не подскажите, как это сделать?

---

Иван Плотников,

Так я же сказал. Или скриптом, или в шаблоне страницы сайта (а так же и в других модулях) поменять местами блоки sidebar и content, а в css для этих блоков заменить float right на float left.

---

Александр Леонов,

Я все сделал, но контент стал облегать меню сайта http://berry12.ucoz.net/index/struktura_biblioteki/0-10

---

Иван Плотников,

Иван, я вам сказал, что нужно сделать. Если у вас не получается обратитесь на upartner. Бесплатно за вас делать никто не будет. Или же изучаем html и CSS, если не хотите платить.