Author Topic: Issue with icons in the menu  (Read 3432 times)

Offline rumen

  • Posts: 424
Issue with icons in the menu
« on: February 07, 2018, 10:35:08 PM »
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>
<a href="#about" class="gn-icon gn-icon-download">About</a>
<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>
<a href="#contact" class="gn-icon gn-icon-archive">Contact</a>
</div><!-- /gn-scroller -->

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.



Offline crnogorac081

  • Posts: 1968
  • Gender: Male
Re: Issue with icons in the menu
« Reply #1 on: February 07, 2018, 11:29:15 PM »
i guess you need font face corect path for this, if you copied allcss code propertly .
UI / UX Designer

Offline rumen

  • Posts: 424
Re: Issue with icons in the menu
« Reply #2 on: February 08, 2018, 07:25:26 AM »
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: