Issue with icons in the menu

[rumen]

Hi there,

I have an issue with icons in the menu. Any idea what can be the solution if the menu is like that:

Code: [Select]

<nav class="gn-menu-wrapper">
<div class="gn-scroller">
<ul class="gn-menu">
<li class="gn-search-item">
<input placeholder="Search" type="search" class="gn-search">
<a class="gn-icon gn-icon-search"><span>Search</span></a>
</li>
<li>
<a href="#about" class="gn-icon gn-icon-download">About</a>
</li>
<li><a href="#service" class="gn-icon gn-icon-cog">Service</a></li>
<li><a href="#works" class="gn-icon gn-icon-help">Works</a></li>
<li>
<a href="#contact" class="gn-icon gn-icon-archive">Contact</a>
</li>
</ul>
</div><!-- /gn-scroller -->
</nav>
I couldn't find any working solution until now in the forum.

I would not intend to put the icons there, but the menu has function to open with 30 px "on mouse over" and coudln't find ion the css from where I can stop that.

Regards,

Rumen

[crnogorac081]

i guess you need font face corect path for this, if you copied allcss code propertly .

[rumen]

I didn't touch the CSS at all. It is the whole there and in the template all path to all CSS 5 or 6 are correct. The icons are setup raw by raw in the HTML but on the WB menu how we can setup that? I thought if I can find the code of the menu to add manually as code the icons which are simple HTML code like: <a class="gn-icon gn-icon-search"><span>Search</span></a>

I tried to put the code in the menu from the back end and it actually works, but not correct.

Like that: