Как сделать выпадающее меню для display:flex и чтобы меню при прокрутке уменьшалось в размере?

Question

[ilya granovskyy]

Answer 1

[maralov]

класс .product позиционируйте абсолютно относительно элемента списка с текстом "Our proposals " этому же элементу position:relative (для лучшего котроля задайте ему класс на подобии item-has-submenu
.product top:100% left:0 и скройте его или display:none, или opacity: 0 visability: hidden
дальше при наведении на item-has-submenu - отображайте .product

Comments

[ilya granovskyy]

сделал как вы сказали переименовал классы только чуть по другому .dropdown и .dropdown-content;
все равно не получается где то есть ошибкаюМожете посмотреть код подкоректировать пожалуйста?Не могу понять где ошибка

[ilya granovskyy]

[maralov]

ilya granovskyy, в css нету стилей для классов dropdown и dropdown-content

[maralov]

Не стоит дублировать свойства в классах content 1-2-3 вынесите повторяющиеся стили в отдельный класс и присвойте блокам.

[ilya granovskyy]

maralov, я извиняюсь я дал вам не тот код,ниже код со стилями меню все равно не работет.Можете посмотреть где ошибка?

[maralov]

HTML: ul.dropdown-content вложите в li.dropdown1
CSS: блоку .dropdown-content не заданы координаты при абсолютном позиционировании, не заданы размеры, вложенные размеры указаны в % от родителя а у родителя по факту ноль. так же .dropdown1 не задано позиционирование выпадающий список позиционируется относительно окна, а не меню

дерзайте