Как в мобильном меню кнопку заменить на список?

мобильной версии вместо кнопки «МЕНЮ» вывести список пунктов меню?

Просто интересно — как эта толстая домомучительница хочет залезть в самую маленькую коробочку куда Вы хотите поместить Ваши 11 пунктов меню?

Да, что бы не было солова «МЕНЮ», а выводился список (Главная Мужские часы Женские часы Популярные часы Новинки)

Это понятно. Не понятно как Вы себе представляете чтобы на месте 4х букв было… 11 строк с одним-2мя словами.

И зачем Вам это надо? Думаете Ваши пользователи настолько тупы, что не знают что значит «меню»?

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

@media (max-width: 767px)

или чего-то подобного.

Но вообще, мне, как мобильному пользователю это все кажется просто ужасным. Вы на весь экран мобильного рассыпете этот список. Просто ушла бы, честно говоря.

Если сделать так:

.l-nav {
    display: block;
}
li.mobile-menu-button.mb-light {
    display: none;
}

То получится так: