Remove the search bar from the search page entirely

Store Design
, , , , , ,

Topic summary

Topic: Customizing the Shopify Dawn theme’s search page—remove the search bar and adjust layout.

Key guidance provided:

  • File to edit: main-search.liquid (the search page template/layout).
  • Remove search bar: delete all content inside the … block (noted around lines ~80–130), or hide it via CSS.
  • Layout changes: perform them directly in main-search.liquid.

Latest update/request:

  • The author asked how to change the background color to white and remove extra padding on the search page. No specific CSS or code solution was provided yet.

Outcomes/decisions:

  • A clear path to remove/hide the search bar and where to edit the layout was identified.
  • Styling (background color, padding) remains unresolved pending further instructions.

Notes:

  • Screenshots were shared to illustrate the current layout/spacing but are not required to apply the provided file edit guidance.

Status: Partially resolved; thread open with outstanding styling questions.

Summarized with AI on January 2. AI used: gpt-5.
1

Dear Experts,

I am currently working on customizing a website using the Dawn theme.

Firstly, I’m looking to remove the search bar from the search page entirely. Could you please guide how to achieve this?

Secondly, I would like to make adjustments to the layout of a particular page. Specifically, I need to edit the layout via code for this page within the Dawn theme. Could you kindly direct me to where I can find and modify the relevant code for page layouts?

Screenshot 2024-03-20 020456.png
Screenshot 2024-03-20 020456.png1847×911 264 KB

Your assistance in resolving these matters would be greatly appreciated.

Thank you in advance for your time and expertise.

2

Hi @Malik_007

This is Richard from PageFly - Shopify Page Builder App

All the changes you want to make is in the main-search.liquid

1st changes, you will need to delete all inside the line 80 - 130 or you can use CSS code to hide it

PageFlyRichard_0-1710904818920.png
PageFlyRichard_0-1710904818920.png2024×1398 368 KB

2nd changes, that file is the layout you are looking for, now you can make any changes you want to it.

Hope this can help you solve the issue

Best regards,

Richard | PageFly

3

How to change the color of the background to white? and remove extra padding

Screenshot 2024-03-20 143927.png
Screenshot 2024-03-20 143927.png1853×813 200 KB