Как сделать так, чтобы подменю оставалось наверху?

Question

Я разрабатываю интернет-магазин Magento2, я купил тему для использования, но я хочу изменить внешний вид мегаменю так, чтобы подменю заполняло ту же высоту, что и исходное меню, и чтобы подменю начиналось сверху меню, а не вверху списка.

Answer 1

Может быть, вы могли бы поделиться некоторыми кода (в коде ручки или что-то подобное), чтобы я мог видеть структуру.Но вот фрагмент того, что, я думаю, вы хотите достичь.https://codepen.io/europarising/pen/xNJqVj

 .categories {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-self: flex-start;
   border: 2px solid red;
   padding: 10px;
   width: 1000px;
   height: 300px;
   overflow: hidden;
   overflow-y: auto;
 }

 .categories__layer1 {
   list-style: none;
   padding: 0;
   margin: 0 0 20px 0;
 }

 .categories .categories__layer1 > li {
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
   align-self: flex-start;
   padding-right: 20px;
 }

 .categories .categories__layer1 > li span {
   font-weight: bold;
 }

 .categories__layer2 {
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   align-self: flex-start;
   list-style: none;
   padding: 0;
   margin: 0 0 20px 0;
 }