Login icon in right menu

Hey Lidia,
Sorry for the late reply, to add a login icon next to your social icons, I would recommend going to Enfold Theme Options > Social Profiles > Your social profiles and choose a profile you are not using such as Twitter and enable it with your login link. Then add this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top .social_bookmarks li.social_bookmarks_twitter a:before {
  background: url(https://img.icons8.com/offices/30/000000/hot-air-balloon.png) center center no-repeat;
  background-size: contain;
}

#top .social_bookmarks li.social_bookmarks_twitter a:before{
  content: "";
  display: block;
  width: 30px;
  height: 30px;

}

This will give you a hot air balloon icon like this:

Please give this a try.

Best regards,
Mike

Hi,

To add a new social icon, please refer to this post – https://kriesi.at/documentation/enfold/social-share-buttons/#how-to-add-custom-social-icons-to-enfold-options.

If you need further assistance, please point out the icon/image you would like to use and post temporary admin logins here privately :)

Cheers!
Yigit

Hi,
If you want to modify the theme files, I believe you would need to edit: \wp-content\themes\enfold\includes\helper-main-menu.php which would be more contemplated.
Can I ask why you would want to modify the theme files versus using a built-in object, such as the social icons?

Best regards,
Mike

Hi,
Oh, I understand now, sorry. So we don’t have a specific “login” position, but often people will use the Enfold Theme Options > Header > Extra Elements > Phone Number or small info text area, this is an area above the header.
For in the header, often people will create a menu item called “login”, this method also adds the item to the mobile menu, which is popular.
Since you had asked about placing it next to the social icons, I explained the “social icons” method above.
Do you have a specific location in mind?

Best regards,
Mike