Есть меню, структура такая ul>li>a .Дальше у меня есть под меню, как мне сделать такую структуру div.header-submenu-wrap>div.container>div.row>div.col-12.header-submenu>a.header-submenu-item .
Вот как выглядит под меню одного элемента.
spoiler<div class="header-submenu-wrap">
<div class="container">
<div class="row">
<div class="col-12 header-submenu">
<a href="#" class="header-submenu-item">
<img src="" alt="">
<span>
</span>
</a>
<a href="#" class="header-submenu-item">
<img src="" alt="2 в 1">
<span>
2 в 1
</span>
</a>
<a href="#" class="header-submenu-item">
<img src="" alt="3 в 1">
<span>
3 в 1
</span>
</a>
<a href="#" class="header-submenu-item">
<img src="" alt="">
<span>
</span>
</a>
<a href="#" class="header-submenu-item">
<img src="" alt="">
<span>
</span>
</a>
</div>
</div>
</div>
</div>
Знаю что это не лучший вариант, но теперь как мне вот это обернуть.
Для меню использую эту конструкцию
spoiler<?php
wp_nav_menu( [
'menu' => 'Header',
'container' => false,
'menu_class' => 0,
'echo' => true,
'fallback_cb' => 'wp_page_menu',
'items_wrap' => '<ul class="col-12 header-bottom-menu">%3$s</ul>',
'depth' => 2,
'fallback_cb' => '__return_empty_string',
] );
?>
P.S. Понимаю под меню нужно через Walker делать, но не понимаю как, помогите