Денис Каракчиев

Как вариант: добавить каждому элементу первой выпадашки event по событию click на показ блока со второй релевантной менюшкой. Тогда всё ок, и первая выпадашка скроллируется и вторая появляется. У Вас ведь нет предрассудков к JS? =) Самый очевидный вариант, на мой взгляд.

P.S. А вообще, JS'ом можно жеж и на hover поставить event, правда не помню как там с этим, я всегда на клик ставлю =)

Влияет. Роботы не видят display: none. А visible: hidden, как справедливо заметил Alexander Pushkarev - видят. Т.е. скрыть семантические заголовки лучше именно таким образом.

По теме - 'HTML шорты - зачем нужны заголовки?' посмотрите этот выпуск, а также ссылки внизу, потратьте 5-10 минут . Если не интересна семантика, можно сразу ссылки под видео тыкать =)

сворстоть токой оломонт прощо всого с оспользовоноём SVG.

Сайт, который грузится 1.5 минуты и лагает при прокрутке на core i5, ммм, ну даже не знаю. Может быть лучше уж видео ?)

Взять за основу UTF и через incspace сделать italic ? Понимаю, извращение, но все же =)

Не знаю, что у Вас за магия, у меня недавно была такая проблема. Решилось все тем, что в первой строчке ставим web font format (.woff), а не embeded и все работает:

@font-face {
  font-family: 'icomoon';
  src:url('../fonts/icomoon.woff');