Having issue with font awesome integration

Design help General
1

HI

As u can see from the below screenshot i am trying to using a an icon from font awesome and integrate it into a mobile nav menu.
I have created a div, then created a nested class name called fa, then a final third class name called fa-times, which is the cross icon.
I have used this successfully in another part of my site but for some reason when i publish my site and view it on my phone it does not appear.

Any suggestions?

https://webflow.com/design/yspn?preview=529a5a29684516b3346c6e2bc08f4ca3

Public Link above, please go to the Events page and then select the mobile-portrait view, then open the mobile nav menu.

329×901 13.7 KB

2

ok managed to get my icon to appear.

seems like u cant call on the same font awesome icon element twice in a site.

is it possible to create an interaction where once u click on this icon the mobile nav menu dissapears??
i tried to create a setup to do this, with first click set to :none and for it to affect a different element, in my case the nav menu called mobile_nav_menu

Normally when u click anywhere on the screen the menu will retreat, whats the coding/interaction behind this??