icon before menu item

[startwerk1243]

In the menu I have Over ons (home) etc.

I only want an icon before Over ons and tried the following:

.container-boxed .navbar-nav li > a:first-child:before {
font-family: "Font Awesome 5 Free";
content: "\f015";
font-weight: 900;
padding-right: 5px;
}

I also tried using the specific ID or class.. but the icon shows up at every menu item.

Can you help me with this?

Attachments:

You must be logged in to view attached files.

Add New Note to this Reply

[startwerk1243]

This reply has been marked as private.

Add New Note to this Reply

[dangdv]

Dear, I have fixed custom CSS code on your site and now it's working, please check your site again.

Code is

.container-boxed .navbar-nav li:first-child > a:before {
   font-family: "Font Awesome 5 Free";
   content: "\f015";
   font-weight: 900;
	 padding-right: 5px;
}

Best regards.

Add New Note to this Reply

[startwerk1243]

hi there,

thanks for taking a look. The problem is the icon is also on all the first sub menu item: diensten > subitem 1

Can you take a look at this please?

Add New Note to this Reply

[dangdv]

Yes, I have change custom CSS to fix your problem.

.container-boxed #menu-primary-menu > li:first-child > a:before {
   font-family: "Font Awesome 5 Free";
   content: "\f015";
   font-weight: 900;
	 padding-right: 5px;
}

Best regards.

Add New Note to this Reply

[startwerk1243]

thank you

Add New Note to this Reply

[Author]

Posts