Как получить пункт меню Ссылка для инкапсуляции всего div вместо просто текста WP

Мое меню WordPress имеет элементы :: before, которые перемещаются при наведении на них элементов меню, это выглядит великолепно, но проблема в том, что когда элемент before скользит по нему, он покрывает текст и способ, которым WordPress выполняет ссылки меню, заключается в том, что по умолчанию ссылка охватывает только текст пункта меню, а не весь раздел. У меня недостаточно представителя, чтобы показывать фотографии структуры страницы, но, надеюсь, вы поймете эту идею.

код header.php

<div class="navbar ">

<?php

$defaults = array(
'container' => 'div',
'container_class' => 'navbar',
'theme-location' =>'primary-menu',
'menu_class' => 'no-bullet',
'menu_class' => 'navitems',
);
wp_nav_menu( $defaults );
?>

Как пункт меню отображается на инструментах разработчика

<li id="menu-item-82" class="nav-b icon-dice menu-item menu-item-type-post_type menu-item-
object-page current-menu-item page_item page-item-57 current_page_item menu-item-
82">
::before
<a href="http://--------/crafts/">Crafts</a>
</li>

Мне действительно нужна помощь в этом, если вы хотите, чтобы я добавил что-нибудь, просто прокомментируйте