#1 TikTok Ads Spy Tool

A Better Way to Make TikTok Ads Dropshipping & TikTok For Business

  • Find TikTok winning products & TikTok dropshipping ads.
  • Analyze TikTok advertisers
  • Get the Latest TikTok Shop Data.
Try It Free

How To Remove Search Box From Header In Supply Theme ✅ Supply Theme Customization

Published on: December 20 2022 by Foysal Ahmed

If you are using the Supply theme for your Shopify store, you may have noticed that there is a search box in the header that you would like to remove. This can be done easily with a few customization steps.

Step 1: Access the theme editor

To access the theme editor, go to your Shopify admin panel and click on “Online Store” and then “Themes”. From there, click on “Actions” and select “Edit code” from the dropdown menu.

Step 2: Locate the header section

Once you are in the theme editor, locate the header section. This can be found in the “Sections” folder under “Header.liquid”.

Step 3: Remove the search box code

To remove the search box, find the code that corresponds to it. This will be the code that looks like:

{% include 'search-bar' %}

Delete this code and save the changes.

Step 4: Preview the changes

After saving the changes, preview the theme to ensure that the search box has been removed from the header.

Removing the search box from the header in the Supply theme is a simple customization that can be done in a few steps. By accessing the theme editor, locating the header section, removing the search box code, and previewing the changes, you can easily achieve the desired result.

How To Remove Search Box From Header In Supply Theme ✅ Supply Theme Customization

Welcome to my YouTube channel where I will be showing you how to remove the search box from the header in your Supply theme on Shopify. If you want an easy video guide to create your store without the need for a developer, then keep watching this video.

Steps to Remove Search Box:

1. Open Inspect Element: Right-click on your screen and select Inspect.

2. Select Targeted Element: Click on the element selector icon and select the search box.

3. Find CSS Class: Look for the CSS class named search bar.

4. Add New Style Rule: Click on the plus icon to add a new style rule and type display: none !important.

5. Copy the Code: Right-click on the code and select Copy.

6. Add Code to Theme File: Go to your Shopify admin panel and click on Online Store. Then click on Edit Code and search for the CSS file. Open the theme.liquid file and paste the code before the head tag.

7. Save and Refresh: Click on the Save button and refresh your browser.

Removing the search box from your Supply theme on Shopify is super easy. You can do it without hiring a developer by simply following these steps. If you found this video helpful, please like and subscribe to my channel. If you need any help or support related to creating, maintaining, or updating your Shopify online store or any WordPress-related text, feel free to assign it to me. Have a nice day and goodbye!

Start your free trial today!

Try Pipiads free for trial, no credit card required. By entering your email,
You will be taken to the signup page.