Missing menu icon

More
9 months 3 weeks ago #51421 by rhmacmillan
Replied by rhmacmillan on topic Missing menu icon
Hi,

I have re-installed the template as advised on a test site but the icons are still displaying the original "F078" characters. Comments appreciated.

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
9 months 3 weeks ago #51422 by milos
Replied by milos on topic Missing menu icon
Hello,

In the custom.css file, you have this:
Code:
.container_topmenu .parent > a::after { background: none; content: '\f078'; font-family: 'Font Awesome 5 Free'; top: 20%; }

Please change it to this:
Code:
.container_topmenu .parent > a::after { background: none; content: '\f078'; font-family: 'Font Awesome 6 Free'; font-weight: 900; top: 20%; }

Regards,
Milos

Please Log in to join the conversation.

More
9 months 3 weeks ago #51423 by rhmacmillan
Replied by rhmacmillan on topic Missing menu icon
Thanks again for all the help you are offering - it is appreciated.
I changed the custom.css file as advised but unfortunately still no change to the icons.

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
9 months 3 weeks ago #51424 by milos
Replied by milos on topic Missing menu icon
Hello,

Please change this line:
Code:
font-family: 'Font Awesome 6 Free';

to this
Code:
font-family: 'FontAwesome';

Regards,
Milos

Please Log in to join the conversation.

More
9 months 3 weeks ago #51425 by rhmacmillan
Replied by rhmacmillan on topic Missing menu icon
Thanks again. When changed as advised the icons remain the same "F078". However, something is fundamentally wrong. When I use Firefox inspector the code remains unchanged - see below:
.container_topmenu .parent > a::after {
background: none;
content: '\f078';
font-family: 'Font Awesome 5 Free';
top: 20%;
}
.container_topmenu .parent > a::after {

Please Log in to join the conversation.

More
9 months 3 weeks ago #51426 by rhmacmillan
Replied by rhmacmillan on topic Missing menu icon
Just another snippet of info. When I use Firefox inspector to change the code as below, I get the required + icon. Obviously the custom.css changes are not working for some reason - different problem?!
code remains unchanged - see below:

.container_topmenu .parent > a::after {
background: none;
content: '\2b';
font-family: 'Arial';
top: 20%;
}
.container_topmenu .parent > a::after

Please Log in to join the conversation.

Time to create page: 0.110 seconds
Powered by Kunena Forum