Docs

[Mark M]

I have seen posts about adding a menu to the topbar and we can do that, I have seen them for adding search to the topbar and we can do that. What I can’t figure out is how to do both so that the topbar displays the a menu followed by a search box both floating right. Here is the dev site we are trying to do this with: http://mycadd.forge1.com/. Can you suggest the right way to do this?

[Darshana]

Hi there,

Thanks for writing in! I see that you already have the menu in place. You can also add the search form into your Topbar Content area.

<form method="get" id="searchform" class="form-search my-custom-form" action="http://mycadd.forge1.com/">
	<input type="text" id="s" class="search-query cfc-h-tx center-text tt-upper" name="s">
</form> 

Then try adding the following CSS rule into your Customizer, Custom > CSS area.

.my-custom-form {
    float: right;
    max-width: 250px;
}

Hope that helps.

[Mark M]

That did the trick. Thanks. Other posts had the search getting added via functions.php and so I was down the wrong path there. This is simpler!

[Rupok]

Glad that you are all set now. Have a nice day!

[Author]

Posts