<?xml version="1.0" encoding="UTF-8"?>
	<rss version="2.0"
		xmlns:content="http://purl.org/rss/1.0/modules/content/"
		xmlns:wfw="http://wellformedweb.org/CommentAPI/"
		xmlns:dc="http://purl.org/dc/elements/1.1/"
		xmlns:atom="http://www.w3.org/2005/Atom"

			>

	<channel>

		<title>Adding search bar in header &#8211; Themeco Community</title>
		<atom:link href="https://theme.co/archive/forums/topic/adding-search-bar-in-header/feed/" rel="self" type="application/rss+xml" />
		<link>https://theme.co/archive/forums/topic/adding-search-bar-in-header/feed/</link>
		<description></description>
		<lastBuildDate>Fri, 07 Nov 2025 08:33:57 +0000</lastBuildDate>
		<generator>https://bbpress.org/?v=2.6.14</generator>
		<language>en-US</language>

		
														
					
				<item>
					<guid>https://theme.co/archive/forums/topic/adding-search-bar-in-header/#post-41258</guid>
					<title><![CDATA[Adding search bar in header]]></title>
					<link>https://theme.co/archive/forums/topic/adding-search-bar-in-header/#post-41258</link>
					<pubDate>Tue, 06 May 2014 21:21:57 +0000</pubDate>
					<dc:creator>ronald t</dc:creator>

					<description>
						<![CDATA[
						<p>Hi great theme and support,</p>
<p>I was wondering if i can add an search field next to my logo above the navbar. If this is not<br />
possible maybe i can place it in the topbar content (with shortcode or css) please advise me how to do this. I am using the integrity light theme. </p>
<p>Thanks Ronald </p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/adding-search-bar-in-header/#post-41548</guid>
					<title><![CDATA[Reply To: Adding search bar in header]]></title>
					<link>https://theme.co/archive/forums/topic/adding-search-bar-in-header/#post-41548</link>
					<pubDate>Wed, 07 May 2014 15:13:17 +0000</pubDate>
					<dc:creator>Rubin</dc:creator>

					<description>
						<![CDATA[
						<p>Hi There,</p>
<p>there are already a lot of threads about this question so I would recommend using the search options to find out more about this. Here are some of the threads that might be helpful for you: </p>
<p><a href="http://theme.co/x/member/forums/topic/add-search-bar-to-header/" rel="nofollow">http://theme.co/x/member/forums/topic/add-search-bar-to-header/</a><br />
<a href="http://theme.co/x/member/forums/topic/adding-a-search-field-in-the-navigation-menu/" rel="nofollow">http://theme.co/x/member/forums/topic/adding-a-search-field-in-the-navigation-menu/</a><br />
<a href="http://theme.co/x/member/forums/topic/how-to-add-search-in-menu-bar/" rel="nofollow">http://theme.co/x/member/forums/topic/how-to-add-search-in-menu-bar/</a></p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/adding-search-bar-in-header/#post-45410</guid>
					<title><![CDATA[Reply To: Adding search bar in header]]></title>
					<link>https://theme.co/archive/forums/topic/adding-search-bar-in-header/#post-45410</link>
					<pubDate>Sat, 17 May 2014 15:06:55 +0000</pubDate>
					<dc:creator>Steven R</dc:creator>

					<description>
						<![CDATA[
						<p>My First Post this was an issue I needed solved and messing about with core files I hate doing so I plugged this in where appropriate adding a search box to the &#8220;topbar&#8221; above the logo is pretty easy</p>
<p><strong>Open Customizer</strong><br />
Scroll to &#8220;Header&#8221;<br />
Scroll to widget bar I selected none because I wanted to add my own code to the top bar field if you want the widgets area to be active for social icons or other widgets make the choice necessary</p>
<p><strong>Next&#8230;.</strong><br />
scroll to <strong>Miscellaneou</strong>s in the header section of customizer<br />
check the box to enable top bar<br />
the editor text field appears and in that box place this code</p>
<pre><code>&lt;div id=&quot;search-2&quot; class=&quot;widget widget_search&quot; style=&quot;width:300px; margin-top:6px; margin-bottom:-20px;&quot;&gt;
&lt;form method=&quot;get&quot; id=&quot;searchform&quot; class=&quot;form-search&quot; action=&quot;http://www.texasroofandfence.com/newSite/&quot;&gt;
  &lt;label for=&quot;s&quot; class=&quot;visually-hidden&quot;&gt;Search&lt;/label&gt;
  &lt;input type=&quot;text&quot; id=&quot;s&quot; class=&quot;search-query&quot; name=&quot;s&quot; placeholder=&quot;Search&quot; /&gt;
  &lt;input type=&quot;submit&quot; id=&quot;searchsubmit&quot; class=&quot;hidden&quot; name=&quot;submit&quot; value=&quot;Search&quot; /&gt;
&lt;/form&gt;&lt;/div&gt;</code></pre>
<p>As you can see Ive added an inline style to help position the search box modify this to your hearts content it naturally floats left so add float right if you want it on the right side.</p>
<p>and as for the support link the other topics pertain to adding search to the nav bar or logo bar or menu bar not top bar so I hope this helps the community</p>
<p>Top Bar customization needs serious attention but still this IS the best word press theme out there</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/adding-search-bar-in-header/#post-45730</guid>
					<title><![CDATA[Reply To: Adding search bar in header]]></title>
					<link>https://theme.co/archive/forums/topic/adding-search-bar-in-header/#post-45730</link>
					<pubDate>Sun, 18 May 2014 20:21:13 +0000</pubDate>
					<dc:creator>Rad</dc:creator>

					<description>
						<![CDATA[
						<p>Thank you Steven, good one! 🙂</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/adding-search-bar-in-header/#post-46568</guid>
					<title><![CDATA[Reply To: Adding search bar in header]]></title>
					<link>https://theme.co/archive/forums/topic/adding-search-bar-in-header/#post-46568</link>
					<pubDate>Tue, 20 May 2014 20:47:13 +0000</pubDate>
					<dc:creator>ronald t</dc:creator>

					<description>
						<![CDATA[
						<p>Hi Steven,</p>
<p>Thanks for the help, i place your code and a search field does appear the only problem is i cant search anything. When you type something it doesnt search, do i need to change something in the code. i see a name of an website in the code should i change that to my website.<br />
Any help is appreciated.</p>
<p>Kind regards<br />
Ronald </p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/adding-search-bar-in-header/#post-46830</guid>
					<title><![CDATA[Reply To: Adding search bar in header]]></title>
					<link>https://theme.co/archive/forums/topic/adding-search-bar-in-header/#post-46830</link>
					<pubDate>Wed, 21 May 2014 13:18:34 +0000</pubDate>
					<dc:creator>Support</dc:creator>

					<description>
						<![CDATA[
						<p>Hi Ronald,</p>
<p>Yes please try adding your site&#8217;s URL on that value.</p>
<p>Thanks!</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/adding-search-bar-in-header/#post-57270</guid>
					<title><![CDATA[Reply To: Adding search bar in header]]></title>
					<link>https://theme.co/archive/forums/topic/adding-search-bar-in-header/#post-57270</link>
					<pubDate>Tue, 17 Jun 2014 12:23:30 +0000</pubDate>
					<dc:creator>Darren S</dc:creator>

					<description>
						<![CDATA[
						<p>I tried adding the code supplied by Steven R but unfortunately it doesn&#8217;t work. I replaced the address with my own site but when I try to use the search box it takes me to a page saying that the page I was looking for is no longer here and it has this in the web address bar at the top of the browser:</p>
<p><a href="http://veganfitness.co.uk/veganfitness.co.uk/?s=walnut&#038;submit=Search" rel="nofollow">http://veganfitness.co.uk/veganfitness.co.uk/?s=walnut&#038;submit=Search</a></p>
<p>Should it have my domain name twice?</p>
<p>Thanks!<br />
Darren</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/adding-search-bar-in-header/#post-57806</guid>
					<title><![CDATA[Reply To: Adding search bar in header]]></title>
					<link>https://theme.co/archive/forums/topic/adding-search-bar-in-header/#post-57806</link>
					<pubDate>Wed, 18 Jun 2014 13:30:33 +0000</pubDate>
					<dc:creator>Support</dc:creator>

					<description>
						<![CDATA[
						<p>Hey Darren,</p>
<p>Please make sure you code looks like the following:</p>
<pre><code>
&lt;div id=&quot;search-2&quot; class=&quot;widget widget_search&quot; style=&quot;width:300px; margin-top:6px; margin-bottom:-20px;&quot;&gt;
&lt;form method=&quot;get&quot; id=&quot;searchform&quot; class=&quot;form-search&quot; action=&quot;http://veganfitness.co.uk/&quot;&gt;
  &lt;label for=&quot;s&quot; class=&quot;visually-hidden&quot;&gt;Search&lt;/label&gt;
  &lt;input type=&quot;text&quot; id=&quot;s&quot; class=&quot;search-query&quot; name=&quot;s&quot; placeholder=&quot;Search&quot; /&gt;
  &lt;input type=&quot;submit&quot; id=&quot;searchsubmit&quot; class=&quot;hidden&quot; name=&quot;submit&quot; value=&quot;Search&quot; /&gt;
&lt;/form&gt;&lt;/div&gt;
</code></pre>
<p>Cheers.</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/adding-search-bar-in-header/#post-58788</guid>
					<title><![CDATA[Reply To: Adding search bar in header]]></title>
					<link>https://theme.co/archive/forums/topic/adding-search-bar-in-header/#post-58788</link>
					<pubDate>Fri, 20 Jun 2014 12:13:46 +0000</pubDate>
					<dc:creator>Darren S</dc:creator>

					<description>
						<![CDATA[
						<p>Thanks Support! I just had to change the top margin to 1px and the bottom margin to 50px to get it to look right. On paper that sounds like it will make it look strange but for some reason it displays correctly on chrome and firefox!</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/adding-search-bar-in-header/#post-59284</guid>
					<title><![CDATA[Reply To: Adding search bar in header]]></title>
					<link>https://theme.co/archive/forums/topic/adding-search-bar-in-header/#post-59284</link>
					<pubDate>Sat, 21 Jun 2014 22:04:20 +0000</pubDate>
					<dc:creator>Rad</dc:creator>

					<description>
						<![CDATA[
						<p>Great to hear that Darren! You&#8217;re welcome 🙂</p>
						]]>
					</description>

					
					
				</item>

					
		
	</channel>
	</rss>

