WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => Templates, Menus & Design => Topic started by: rumen on February 07, 2018, 10:35:08 PM

Title: Issue with icons in the menu
Post by: rumen 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>
</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
Title: Re: Issue with icons in the menu
Post by: crnogorac081 on February 07, 2018, 11:29:15 PM
i guess you need font face corect path for this, if you copied allcss code propertly .
Title: Re: Issue with icons in the menu
Post by: rumen 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:

(https://preview.ibb.co/jPPC0c/menu_icon.png)