Social media menu icons

hello,

I was wondering if I could change the color of the social media logos on the social media to black instead of gray.

and is it possible to add a search bar/icon?

thanks

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .header-contact .social-navigation a {
      color: #000;
    }

    .header-contact .social-navigation a:hover {
      color: #ff0000;
    } 

And do your own adjustment.

Try this solution. To display it in social menu, replace this line of code:

   if ($args->theme_location == 'primary') {

with:

   if ($args->theme_location == 'social') {

Regards,
Kharis

Kharis,

Thank you for your prompt reply! Is there a way I can also make the icons slightly bigger too?

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .social-links a:before {
      font-size: 20px;
    } 

Regards,
Kharis

Thank you that worked perfectly!

In regards to adding the search to the social menu is there any way to have the search logo and the box appear when clicked?

Do you have already had something like this after following the steps I linked in the previous reply?

30%20AM

top-search-icon-sydney-pro

If so, then I can start from there and update the JS code to make the search box opens (without slide animation) when the search icon clicked.

Regards,
Kharis

this is what it currently looks like

Hello there,

Thank you for taking the screenshot. However, to exactly get the possible working code, I need to inspect it directly. Do you have a public link to share here?

Regards,
Kharis