Add Search to Header Right Widget inline

[kathyosborne]

Hi,

I would like to have the search function be inline with the social media icons I have. Not with the navigation menu. See image below. I am using the Header Right Widget in the Education Pro theme to place my social media icons. I'm not sure the best way to accomplish getting the search field next to them. Any advice is appreciated.

Thank you!
Kathy

http://www.moii.com/newsite/

[kathyosborne]

Hi - just checking on on this to see if anyone has any suggestions. I guess what I need to be able to do is add a search function without using the search widget so that it stays in the top header right widget.... but I'm not sure how to go about that...

[Victor Font]

You need to add a few CSS blocks to make this work:

#black-studio-tinymce-8 {
    display: inline-block;
    width: 300px;
    position: relative;
    top: 7px;
}

#search-4 {
    float: right;
    display: inline-block;
    width: 200px;
}

#search-4 input {
    width: 100% !important;
}

Change the width to 100% for .entry-content .search-form, .site-header .search-form at line 849,

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[kathyosborne]

THANK YOU! That put me on the right track!

[Author]

Posts