Menu items with icons

raetzer2023

I would like to add icons to the menu items. Unfortunately, this is not possible with the built in template menus.
The setting of the class for "Link Icon Class" under the "Link Type" tab in the corresponding menu entry is ignored.

Is there a way to make this happen?

Thanks

saguaros

raetzer2023 Hi

I don't see the menu on your site now, could you tell me which menu and which icon you want to use?

raetzer2023

To explain my problem I took some screenshots.

Using the example of the menu entry "Datenschutz" in the "Footer Menu" you can see how I imagine the icon (fa fa-sign-in) from the Awesome font to be displayed.
Here the entry leads to the desired result. The “Footer Menu” is created there using a Joomla-Module (Footer Menu).

I made the same settings for the “Anmeldung” menu item in the “Main Menu Right”.
However, the icon is not displayed here. The "Main Menu Right" is a build in Template-Menu that is created by the template without a Joomla-Module.

saguaros

raetzer2023 Try to use Menu Params tab instead:

I just added for you with this custom css:

.gkMenu > ul > li.fa::before { content: none; padding-right: 8px; }
.gkMenu > ul > li a.fa::before { padding-right: 8px; }

Kindly check.

raetzer2023

Thanks for the suggested solution :-))
Interesting way to solve the problem!
Unfortunately, the solution does not mean that the display of the menu entry can be flexibly configured.

If I switch off the menu title in the footer menu, the icon continues to be displayed as a menu item.

If I switch off the menu title in the Main Menu Right, then the entire menu entry is hidden.

Is there a solution for this?

saguaros

raetzer2023 Will you turn off the menu title or just a testing?

If you turn off 1 menu item only, you can add custom css to hide the icon as well.

raetzer2023

Actually, I just want to display only the icon from the font awesome for the menu entry.
But I was originally hoping for a solution that would give me just as much flexibility as the menus based on the Joomla navigation module.
If the solution is too complicated, then I will try to solve my problem with CSS.

Thanks for the great support and best regards.

saguaros

raetzer2023 Let me know if you need any further help then.