Community guidelines

Please keep discussions civil and on-topic. Repeated violations may lead to a temporary ban.

General

Quark theme menu bar arrow-down icon issues after updating from FontAwesome 4 to 5

Started by Sean McDaniel 5 years ago · 2 replies · 841 views

5 years ago

All,

I'm using the Quark theme and tried upgrading from FontAwesome 4 to 5 using the helpful comments provided by @pamtbaau under the discussion topic "Font Awesome issues".

I understand their feedback was for the Antimatter rather than Quark theme but everything seemed to work well...except for the arrow-down icons in the menu bar.

Sometimes I see the arrow-down icons, sometimes I don't. It depends upon the page I've selected. I have two examples below taken from my web page (Firefox using a private window to avoid cache issues).

Example 1: No problems

down_icon_good|690x47

Example 2: Down-arrow icons don't render. Notice I've selected a different page. Both "DC Science" and "Notes" are the same page type.

down_icon_bad|690x48

I don't see the arrow-down icon directly referenced in a Twig template so I'm not sure of which file to modify or how to modify it. Can someone provide help?

Thanks,

Sean

pamtbaau

Grav Forum Moderators Legend First Post Conversation Starter Well Liked 3127 posts

5 years ago Solution

@jerobapatrol, For the dropdown menu in Quark, the 'arrow-down' icon is not being referenced in Twig, but rather in css.

However, when Quark references FontAwesome in css, it references font-family: FontAwesome. When using the FontAwesome 5 free fonts, this should be font-family: 'Font Awesome 5 Free'.

To fix this you can override Quarks css used for the dropdown menu, by adding the following to the css in your inherited theme:

CSS

.dropmenu ul li a::before {
    font-family: 'Font Awesome 5 Free';
}

This could for example be copied into /user/themes/mytheme/css/custom.css

last edited 12/22/20 by pamtbaau

5 years ago

@pamtbaau Your suggestion worked perfectly. Thank you for your help.

I placed your code snippet in my custom.css file in my inherited Quark theme.

Topic	Replies	Views	Activity
Well done Grav Team General · by Jerry Hunt, 4 days ago	2	80	9 hours ago
Grav 2, Admin Next, API and Migrate are now in production! General · by pamtbaau, 14 hours ago	1	51	13 hours ago
Welcome to the new Grav Forums! General · by Andy Miller, 1 day ago	0	44	1 day ago
How active is Grav? General · by Marcel, 12 months ago	6	346	5 days ago
Contents in bin folder delete itself during core updates General · by Duc , 5 days ago	3	40	5 days ago

Suggested topics