Font Awesome Icons Issue On Mobile Menu
Stephane Hanrez
Hi,
I have added icons (from font awesome) on my menu items in Joomla. Those are showing fine on my website, desktop version, but on mobile, on the side menu, it looks like some of those icons are rendered correctly while others are not :
Those work fine :
- fas fa-calendar-alt
- fas fa-enveloppe
Those don't show up :
- fas fa-home
- fas fa-ustensils
Any idea why ?
Thanks
Rashida Rahman
Accepted AnswerHi,
Thanks for sharing the alternative URL to check.
It would be better to know if everything is up to date in your backend, including the template. However, the following code snippet into your custom CSS might solve the issue for now:
.offcanvas-menu .offcanvas-inner .sp-module ul>li a, .offcanvas-menu .offcanvas-inner .sp-module ul>li span {
font-weight: 600 !important;
}Here is all about custom code placement in Helix Ultimate: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta
Best regards,
Stephane Hanrez
Accepted AnswerHi,
Thanks a lot for this CSS. This works. Only issue still is that the icon is appearing on its own line, while I would like it to be on the same line as the text, is there any CSS to change that ?
Regarding the backend, everything is up-to-date (Joomla + all extensions). The template I'm using is Dentro, and I see it is on version 2.0.0. If I'm correct, I see there is a version 2.0.1 available now, how do I update it ? I don't see anything in Joomla settings about a new version of the template being available. Could it be because I'm on J4 and this template update is meant for J5 ?
Thanks Stéphane
Rashida Rahman
Accepted AnswerHi there!
Sorry for your experience.
What are your system specifications? Would you please share your site URL here to check the issue for you?
Best regards,
Stephane Hanrez
Accepted Answer Stephane Hanrez
Accepted AnswerAny news about this ?
Btw I'm also wondering why those icons (when they do show) are showing on a different line, while on the desktop they are showing next to the menu title, on the same line ? Is there a way to change this behaviour ?
Thanks
Stephane Hanrez
Accepted AnswerAny news ?
Thanks
Rashida Rahman
Accepted AnswerHello,
Please take my sincere apology for the unwanted delay.
The link you have provided is asking for credentials. So I can't check your site. May I have your log in details, please?
Best regards,
Stephane Hanrez
Accepted AnswerIndeed, I had to put this website on maintenance for the time being.
You can check on this one: www.poolfiction.be, it has the same issue and is open.
What I would like is to have all the fa-icons shown (only one is shown on this site) + Have it on the same line as the text and not have a carriage return between the icon and the text as it is right now.
Thanks
Rashida Rahman
Accepted AnswerHi Stéphane,
Please download the template pack from here:
https://www.joomshaper.com/joomla-templates/dentro
And install it over there. Let me know if your issue still persists after the update.
Best regards
Rashida Rahman
Accepted AnswerHi,
Please try the following CSS and let me know:
.offcanvas-menu .offcanvas-inner .sp-module ul>li span {
display: inline-block;
}Best regards