Skip to main content

1.4K Messages

 • 

262.9K Points

Thu, Oct 3, 2013 7:55 PM

Closed

How do I move or remove the search from the top of my Storefront?

This article will show some advanced steps to take within the template to hide the search from the header of your website. Here is what my header looks like with the search showing up in the top right corner.

search1.png

Video Overview

Steps
1.) Login to your store's control panel.

2.) Click on Design.

designlinky.png

3.) Click on the Template Files tab.

templatetab.png

4.) Scroll down to the Styles folder and click the plus sign next to it.

stylesplus.png

5.) Then click Edit next to styles.css.

2012-01-18_1114.png

6.) Then search for the line that reads #SearchForm {



search2.png



7.) You will then need to insert visibility: hidden; after the #SearchForm { and before float: right; (as shown in the image below):



search3.png



8.) Make sure to save changes by clicking on the Save option in the top left corner of the page.

2012-01-17_1649_001.png



Here is what my header looks like after I have done the above steps. The red box is outlining where the search was at, but is now hidden.



search4.png?

This conversation is no longer open for comments or replies and is no longer visible to community members.

Responses

No Responses!