Wordpress - изменение значка меню меню для настраиваемого

Question

Я использую zurb foundation 6 и в нем title bar Я хотел был бы изменить menu-icon, для изображения, которое у меня есть. Я не уверен, как это сделать, и как получить активы из пользовательской темы в wordpress.

Поскольку это не работает:

.menu-icon { 
    background: url('/assets/images/menu-icon.svg'); 
} 

Я попытался с этим, но это не работает, а также:

.menu-icon { 
    background: get_template_directory_uri('/assets/images/menu-icon.svg'); 
} 

Не уверен, как я могу тянуть активы css для пользовательских тем в Wordpress и изменение значка меню zurb для моего собственного?

Answer 1

.menu-icon фоновое изображение находится в menu-icon::after, как смесь цвета фона и теней. Поэтому, если вы хотите добавить свой собственный образ, вы должны добавить его в menu-icon::after и отредактировать код, чтобы сделать свое изображение так, как вы этого хотите. Пример (не идеальный один, но, чтобы показать вам, что я имею в виду):

.menu-icon::after { 
    position: absolute; 
    top: 0; 
    left: 0; 
    display: block; 
    width: 100%; 
    height: 100%; 
    content: ''; 
    background-image: url(https://foundation.zurb.com/sites/docs/assets/img/logos/zurb-logo.svg); 
    background-size: 150%; 
    background-position: 7px 11px; 
    background-repeat: no-repeat; 
}