No Code Attached Yet
avatar icc365
icc365
19 Feb 2023

Steps to reproduce the issue

  1. Ensure FontAwesome is loading
  2. Create a Menu (for social icons that will use FontAwesome v5.15)
  3. Add at least one menu item using the URL type and create a Twitter item.
  4. In the "Link Icon Class" field, enter: fab fa-twitter
  5. In the "Display Menu Item Title" setting, toggle to off to ensure only the icon shows.
  6. Save

Expected result

My understanding is that this allows for just the icon to show with the menu item title disabled.

Actual result

No icon is showing and the source code shows no association with the icon or the FontAwesome class being applied; only the menu item title is showing.

System information (as much as possible)

Localhost via XAMPP on a Windows 10 Pro system. Joomla 4.28 installed. Dependency is enabled for FontAwesome through a template I am building based on Cassiopeia.

Additional comments

As a side test, instead of entering the fab fa-twitter into the Link Icon Class field, enter it into the Link Class field. The icon then shows up on the front end which is applied to the link . It also doesn't matter if the Display Menu Item Title is on or off, the title still shows. This only seems to work if I use an image instead.

On a side note about the link title, I would recommend wrapping the anchor text with at least a span for added customization. But the big issue here is trying to show just a FontAwesome icon with the title hidden/disabled. At the moment, just to get a linked icon only, I had to heavily customize the CSS for this social menu using absolute positioning, sizing, z-index, visibility hidden, etc.

screen shot 2023-02-19 at 18 43 09
screen shot 2023-02-19 at 18 43 12screen shot 2023-02-19 at 18 43 16screen shot 2023-02-19 at 18 43 19screen shot 2023-02-19 at 18 43 22screen shot 2023-02-19 at 18 45 52

avatar icc365 icc365 - open - 19 Feb 2023
avatar icc365 icc365 - change - 19 Feb 2023
Labels Removed: ?
avatar joomla-cms-bot joomla-cms-bot - change - 19 Feb 2023
Labels Added: No Code Attached Yet
avatar joomla-cms-bot joomla-cms-bot - labeled - 19 Feb 2023
avatar brianteeman
brianteeman - comment - 19 Feb 2023

I am unabe to replicate this using cassiopeia

image

image

avatar icc365
icc365 - comment - 19 Feb 2023

I didn't think to try this with Cassiopeia--I will do that right now. If it's related to my custom template, I will be a bit curious as to what is causing the issue on my end. I will delete the mod_menu override in my template to test also.

avatar icc365 icc365 - close - 19 Feb 2023
avatar icc365
icc365 - comment - 19 Feb 2023

Looks like the override mod_menu is the culprit. No bug then except what I did. I'll close this out. Thanks!

avatar icc365 icc365 - change - 19 Feb 2023
Status New Closed
Closed_Date 0000-00-00 00:00:00 2023-02-19 19:02:57
Closed_By icc365

Add a Comment

Login with GitHub to post a comment