Menu/Icons 1.1.6 error

[Jakeel95 0]

Hello,

Im using this plugin on my forum board IPB 4.5: https://gyazo.com/7ed8c0d6eb40e51660eb1a9141ed67ad

However i have an issue with the plugin, seems to work on every menu which is good.

As you can see for the desktop version this works okay: https://gyazo.com/10beafe26905c858b1edc9b0dc91c6b0

This is the menu configuration i have: https://gyazo.com/f76cbcbe4e225b0cb6b85e12961427f1

Issue is shown here on mobile vie: https://gyazo.com/d476211b31110fad6ec742ad5f28055c

note: As you can see on the mobile vie the, "Mark site read," & the, "sign out," take the font icon from the support tab. how can i stop this from happening?

 

Edited September 24, 2021 by Jakeel95

[Stevew 2]

These are font awesome icons. You can right click and inspect elements on them. They always start with prefix fa-. 

In the AdminCP where you can themes css / html you can search for it and just alter that icon from the html. 

[Montalbes 3]

As @Stevew said, those are FontAwesome icons: https://fontawesome.com/

Look up that you're trying to use a Free one (since you might not have the premium package of Font Awesome icons) and not the Beta 6 ones.

If you need to inspect an element through a "mobile version" use this: 

Right click on your site -> Inspect to open the Chrome developer tools

In the top left corner you'll find those tools. If the icon still shows correctly with that, then we'll have a new hints to solve the issue.

Also, a lot of templates have their own theme configurations to match the responsive need for other dispositives, such as phones. That might be the issue too, that you're editing that but the phone it's picking up another code to make it responsive (available for sure into your template).