Jump to content

FontAwesome Icons in Dropdown Nav

Recommended Posts

Hey everybody.  Need to pick your brain.  So I am trying to have custom icons in a site's dropdown menu.  I have this figured out, kind of...  The problem is, the code I am using, puts these icons in all of my drop-down (this site has 2).  I really want these icons in just one dropdown, as they don't make sense in the other. I  understand why it's putting these icons in all of my dropdowns, but I don't know how to isolate it to just one.  I will paste the code I am using below.  Thanks for any help!

 

Code:

 

.header-nav-folder-item:nth-child(1) a::before
{
content: '\f0c8';
font-family: FontAwesome;
display: inline-block;
padding-right: 9px;
color: #0D4982;
}


.header-nav-folder-item:nth-child(2) a::before
{
content: '\f0c8';
font-family: FontAwesome;
display: inline-block;
padding-right: 9px;
color: #A0211F
}


.header-nav-folder-item:nth-child(3) a::before
{
content: '\f0c8';
font-family: FontAwesome;
display: inline-block;
padding-right: 9px;
color: #FCB90B
}

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.