Подскажите как реализовать данное расположение логотипа

Главные вкладки

Комментарии

Аватар пользователя OldWarrior OldWarrior 24 мая 2020 в 22:58

$.insertAfter()
:nth-child()

// Например, после второго элемента меню:
$( "#my-logo-id-or-class" ).insertAfter( $('li.my-class:nth-child(2)') );
//ID'шники, разумеется, перебить на нужные.

UPD. Логотип можно скрыть до этой манипуляции. Можно даже сыграть на каком-нить плавном появлении логотипа после загрузки страницы.

Аватар пользователя VasyOK VasyOK 25 мая 2020 в 10:36

блок с 2мя ссылками, потом лого, потмо блок еще с 2-мя ссылками
или
меню и лого обернуть дивом. логтипу position absolute - и по цетру его. в меню расстояние увеличить между 2й и 3й ссылками.

Аватар пользователя Reisor Reisor 25 мая 2020 в 11:03

Вот тоже думал об этом! Надо попробовать!
Не получится(((
Лого выводиться в отдельном шаблоне, а меню другом.

Аватар пользователя VasyOK VasyOK 25 мая 2020 в 15:16

Меню - это один блок. Или два.
Лого - сделайте другим блоком.
И выводите блоки в одном регионе. Если хотите можете шаблон региона редактировать, или же шаблон всей страницы page.html.twig

Аватар пользователя VasyOK VasyOK 26 мая 2020 в 10:47

Не знал о таком модуле. Да и зачем он? Ведь сначала скажут, что по заветам Лебедева, логотип на главной не должен иметь ссылки, потом, что у логотипу нужен определнный HTML. В результате легче обыкновенные блоки с лого сделать.