SVG icons in menu item

https://www.artisteer.com/

It looks like it was built with Microsoft Office tools? Very strange. That could be why it’s not working.

no it’s not Office tools
but please see when i add ‘.menu-item-76’ in ‘CSS Classes’ field in ../wp-admin/nav-menus.php

please take a look

Yes, because ALL of those menu items have the same class name (.menu-item-76) associated with them.

The theme does not look properly coded. Get a properly coded WordPress theme to avoid these issues.

I also do not think you have a solid understanding of CSS and how it works. Please read up a little on how to apply classes and styles to elements.

can you try to find way it’s work under all wp default themes & not work in Artisteer theme?

1. this is my css file – not work even when i add css code
https://www.tzahalah.halevi.info/wp-content/themes/tzahala11/style.css

2. this is wp default css file – working without adding any code
https://www.tzahalah.halevi.info/wp-content/themes/twentytwelve/style.css

Ok i send e mail to theme auther
now i want to donate to
link please?

Hi Karem,

You can fin a donation link inside my contact form on this page
https://www.evan-herman.com/contact/ , you can also reach me by email there. I appreciate all donations, as they go directly back into the WordPress community, through meet ups and WordCamps. Thanks so much!

Evan

It’s Done

When I find a solution to the problem – keep you posted
TNX

Artisteer support say:

I see the issue that you faced.
This issue is related to the fact that our menu items do not support html tags anymore, since there were some issues when using long menu items in WordPress.
If there was a long name of the menu item, WordPress cut it somewhere and put three dots instead of showing the whole name.
Because of this some tags were incorrectly cut and there were some issues with displaying.

However, if you want to use tags like <i>, <b>, <span>, etc., I can provide you with a workaround.
You need to go to the file your_theme/library/navigation.php, line 273
change this:
$title = strip_tags(apply_filters(‘the_title’, $this->title, $this->id));
if (theme_get_option(‘theme_menu_trim_title’)) {
$title = theme_trim_long_str($title, theme_get_option($level == 0 ? ‘theme_menu_trim_len’ : ‘theme_submenu_trim_len’));
}

to this
$title = apply_filters(‘the_title’, $this->title, $this->id);

This workaround will help use tags in menu item names.

So now <span> tag that you’re using to insert an icon won’t be cut, and you’ll see the icon in the navigation menu.

Please let me know if you have any issues as for this workaround.

Best regards,

Elvira B
Extensoft, Inc.
/ Artisteer
Artisteer – The Automated Web Designer
https://www.artisteer.com

————-!!!!CAUTION – ITS NOT WORK AT ALL – ITS breaks THE THEME!!!————-

\\\\\\//////
( (0) (0) )

@ karem

for artisteer >>
In the header.php I have changed this:
(if you use other prefixises in the css also change that-if you use multiple templates also change in the child templates headers)

<nav class=”art-nav”>
<div class=”art-nav-inner”>
<?php
echo theme_get_menu(array(
‘source’ => theme_get_option(‘theme_menu_source’),
‘depth’ => theme_get_option(‘theme_menu_depth’),
‘menu’ => ‘primary-menu’,
‘class’ => ‘art-hmenu’
)
);
get_sidebar(‘nav’);
?>
</div>
</nav>

into this below:

<nav class=”art-nav”>
<div class=”art-nav-inner”>
<?php
echo wp_nav_menu(array(
‘source’ => theme_get_option(‘theme_menu_source’),
‘depth’ => theme_get_option(‘theme_menu_depth’),
‘menu’ => ‘primary-menu’,
‘menu_class’ => ‘art-hmenu’
)
);
get_sidebar(‘nav’);
?>
</div>
</nav>

for me it works, so you do not have to do any major changes in other files, there are many plugins that are broken for this issue
greetings from BE

I have a new version that I will be releasing soon which has built in support for icons in the priomary navigation along with a few other enhancements.

I’m looking for a few beta testers. If you would like to give it a shot, feel free to contact me through the contact form on my site.

Thanks,
Evan