@evgenyforever

Как сделать, что бы подменю располагалось по диагонали и по центру экрана?

5c32e34c05f93336235233.jpeg

Подскажите как сделать, так чтобы подменю отображалось горизонтально, а не вертикально и в то же время, что бы находилось точно по центру экрана, включая иконку подкатегории (пример: правильное отображение, при наведение на "Каталог товаров").

Есть код, просьба исправить (чтобы получилось, как на картинке выше).


нажать надо на кнопку в центре "Edit on CodePen"
  • Вопрос задан
  • 122 просмотра
Решения вопроса 1
@evgenyforever Автор вопроса
Решил задачу следующим образом:
1)
#mainMenu .drop .nextColumn{
line-height: 21px;
list-style: none;
float: left;
width: 20%;
padding: 0;
	margin: 0;
}

Изменил на:
#mainMenu .drop .nextColumn{	
line-height: 21px;	
list-style: none;
float: left;
padding: 0;
margin: 0;
width: 100%;	
display: flex;	
}

2)
#mainMenu .drop .nextColumn > li{	
margin-top: 12px;
display: block;
}

Изменил на:
#mainMenu .drop .nextColumn > li{
display: table-cell;
width: 100%;
text-align: center;
}

3) В #mainMenu .drop{
изменил padding: 24px 0px;
на padding: 51px 0px;

https://codepen.io/anon/pen/NeMvRV
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
ООО "Поток" Новороссийск
от 100 000 до 100 000 руб.
Xsolla Екатеринбург
от 30 000 руб.
VYGON Consulting Москва
от 80 000 до 140 000 руб.
22 янв. 2019, в 00:48
60 руб./за 1000 зн.
22 янв. 2019, в 00:09
120000 руб./в месяц
21 янв. 2019, в 23:37
1000 руб./за проект