Social Media Icons and Search Bar In Header

Hi,

I would like to place the search bar in the header area to the right side. I am a newbie and, therefore, will you be able to pinpoint exactly what I need to do?

Moreover, if I need to add custom made social icons to the sidebar, what would be the steps needed for it?

Thanks in advance.

The site is http://thepetitemom.com

Hi @siny,

I hope you are well today and thank you for your questions.

I would like to place the search bar in the header area to the right side. I am a newbie and, therefore, will you be able to pinpoint exactly what I need to do?

You can try achieving this using any of the following solutions.

Moreover, if I need to add custom made social icons to the sidebar, what would be the steps needed for it?
To create social icons:
  1. Create a menu like any other menu in the admin area of your site under Appearance -> Menus .
  2. Use the correct urls in the menu items, so for twitter it must be twitter.com for facebook it must be facebook.com. Otherwise URLs won’t get recognized and you will get squares without icons.
  3. Set theme location for this menu as “Social Links”
  4. Use the Sparkling Social Widget in the sidebar.

To add custom social icons, you have to develop custom CSS code and use the builtin fontawesome icon as listed on this page or use custom made icon.

https://fortawesome.github.io/Font-Awesome/icons/

Best Regards,
Movin