can I use font-awesome with smartmenus?

[janeksz]

</pre>Hi,

I did 
<link href=”/libraries/font-awesome-4.3.0/css/font-awesome.min.css” rel=”stylesheet”>

and 

<pre><li> <a></i>  Database </a></li?

The icon is corrupted.
Is it possible to use font-awesome if if yes, how?

Jan

[janeksz]

sorry, it was:

 <li> <a></i>  Database </a></li> 

[janeksz]

Hi,

I’m trying to use smartmenu for uni project. The problem I have is the version http://vadikom.github.io/smartmenus/src/demo/bootstrap-navbar-fixed-top.html doesn’t work with font awesome http://fortawesome.github.io/Font-Awesome/
The basic version works with font awesome.
Is there an easy way to fix it for BS3 version?
How can I easily hide some menu items on mobile devices, an equivalent of class=”navbar-brand hidden-xs”

Jan

[admin]

Not sure why you are having troubles – maybe you have not configured the path to the Font Awasome CSS file. I just tried including it like this on the page:

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

And then adding icons like this:

<li><a href="#"><i class="fa fa-camera-retro"></i> Link</a></li>

works without any problems.

How can I easily hide some menu items on mobile devices, an equivalent of class=”navbar-brand hidden-xs”

You can use the same class:

<li class="hidden-xs"><a href="#">Link</a></li>

[janeksz]

Hi,

Thanks for your time and effort taken to help me. I was able to resolve the problem after reloading the font awesome libraries on my computer.
Thanks for sharing your work.
One thing I noticed on mobile screen (touch) is a confusion about a submenu closing.
That problem doesnt exist on the desktop.
How difficult it wold be to have a ‘-‘ sign on top of the dropdown indicating the possibility to minimize similar to existing ‘+’ sign indicating the possibility of maximize?
Even better how about the arrow up or down icon?

Thanks again, much appreciate it.

Jan

[Author]

Posts