Как расположить меню выше блока РСЯ на responsive bartik

Аватар пользователя alexo alexo 15 мая в 23:48

Здравствуйте! Подскажите, пожалуйста, как расположить простое боковое меню выше блока РСЯ.
Единственная его особенность в том, что оно сделано с nice menu.
Вроде все просто, но у меня при моих попытках прописать стили для меню оно наезжает на блок РСЯ
(скриншоты CSS блока РСЯ и блока меню с F12 прилагаю).
Тема responsive bartik

ВложениеРазмер
Иконка изображения 2019-05-15_23-40-31.png39.13 КБ
Иконка изображения 2019-05-15_23-41-18.png34.86 КБ
0 Thanks

Комментарии

Аватар пользователя sas@drupal.org sas@drupal.org 16 мая в 8:06
1

Если наезжает значит абсолютное или фиксированное, если сверху значит расположено ниже или з индекс у него больше чем у того что выше. Чтобы посоветовать с версткой удобно использовать например https://codepen.io/

Аватар пользователя alexo alexo 16 мая в 13:23

Спасибо.

абсолютное или фиксированное

Нужно делать или сейчас настроено?
Может есть какой-то способ типа float, clear и т.д. чтобы задать расположения блока меню вверху региона?, а остальное было под ним.
З индекс меню я могу поправить, но тогда меню просто скроется за блоком РСЯ? А я хочу чтобы оно было выше, мне не нужно два слоя, мне нужно чтобы они были одно за одним
С https://codepen.io/ надо мне разбираться, спасибо, почитаю про это.

Аватар пользователя sas@drupal.org sas@drupal.org 16 мая в 13:33
1

Нужно делать или сейчас настроено?

сейчас

Может есть какой-то способ типа float, clear и т.д. чтобы задать расположения блока меню вверху региона?, а остальное было под ним.

Зависит от свойств других элементов в потоке, например у flexbox есть order https://www.w3.org/TR/css-flexbox-1/#order-property
Имхо сначала надо расположить тег блока в потоке там где Вам надо если остальные лезут выше - смотреть их свойства в стилях.

З индекс меню я могу поправить, но тогда меню просто скроется за блоком РСЯ?

Смотрите свойства РСЯ

Аватар пользователя alexo alexo 16 мая в 22:43

Спасибо. Это немного сложнее для меня, но предпочтительнее.
Но пока не получилось.
Я на пробу делаю

.sidebar .block#block-nice-menus-1{
  background:none;
  border:none;
  padding: 0;  
  order: 1;
}

#block-block-16{
   order: 2;
}

но не работает

смотреть их свойства в стилях.

В стилях я смотрю (см скриншоты в теме). Эти или еще где-то смотреть?

Смотрите свойства РСЯ

Не могу понять зачем мне Z index? если я не хочу их наслаивать?

Аватар пользователя VasyOK VasyOK 16 мая в 10:41
1

А может нужно поредактировать не только стили, но и файлы шаблонов? page.tpl.php особенно?

Аватар пользователя alexo alexo 16 мая в 13:24

Спасибо. Могу залезть, только что править? Devel и отладку я не могу настроить. Куда смотреть?

Аватар пользователя VasyOK VasyOK 16 мая в 13:55
1

Файл page.tpl.php открыли? Видите в каком порядке выводятся регионы, главное меню? Создать дополнительные регионы можете?

Аватар пользователя alexo alexo 16 мая в 23:14

Спасибо. Регион добавился еще один под первым сайдбаром, но блок РСЯ почему-то не отображался. Но после всего этого нормально удалось блоки меню и РСЯ просто поменять местами с помощью перетаскивания блока меню. вверх