Сделать выпадающее меню на CSS без JS
Есть сайт
Сделать выпадающее меню без JS
Как здесь http://www.ulmart.ru/ слева.
При изменении экрана выпадающий блок должен быть навиду всегда. Обратите внимание меню без javascript. Нужна кроссбраузерность!
Если на указанном сайте уменьшать размеры окна браузера, то выпадающее меню скрывается справа, вот необходимо это исправить, например, открываться под списком выбранного меню, а не справа
...если ширина эрана ~1200 показать список в 3 колонки, если ~800 2 колонки, если 600 1 колонка, и если менее, тогда список одна колока выпадает вниз
По стилизации:
https://www.ozon.ru/ - меню слева
точно такое же нужно, но там в выпадающем блоке нет разделения на колонки, а мне это нужно и в связи с этим,
если список в выпадающем блоке разделяется на несколько столбцов, между ними разделитель в виде вертикальной линии, слабозаметной.
Одно меню, как на главной странице http://www.ulmart.ru/
без JS, без картинок, кроссбраузерно.
ДОПОЛНИТЕЛьНАЯ ИНФОРМАЦИЯ:
По итогу выпадающий блок никогда не должен выходить за пределы видимой области. Исключением может быть только ширина экрана менее самого большого слова в меню.
Не ту ссылку сначала дал, меню делаем для Cheremarket.ru
Этот большой список категорий нужно вместить в это меню.