How am I able to remove "trending now" from our search bar?

Store Design
, ,

Topic summary

A merchant wants to remove the “trending now” section from their store’s search bar.

Solution Provided:

  • Navigate to Online store > Themes > Edit code
  • Locate the app.css file
  • Add the following CSS code at the end of the file:
#Search-Drawer .side-panel-content.side-panel-content--initial {
    display: none !important;
}

This CSS snippet hides the trending section within the search drawer. The solution appears to address the merchant’s request, though confirmation of successful implementation wasn’t provided in the thread.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.
1

How am I able to remove “trending now” from our search bar?

ricky24_0-1720204234847.png
ricky24_0-1720204234847.png946×330 7.07 KB

2

Hi @ricky24 ,

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

3

…

4

You can follow these steps:

Step 1: Please navigate to Online store > Themes > Edit code and find app.css file

Step 2: Insert below code at the end file and Save them

#Search-Drawer .side-panel-content.side-panel-content--initial {
    display: none !important;
}

I hope it will helpful with you.

We’re happy to see that our suggestion helped you solve the issue. Can you kindly give us a like and mark it as a solution? This can be a reference for other merchants if they have an issue like you.

Should you need any further information, please do not hesitate to contact us by tagging directly at Community post. We will check and let you know soon.

Thanks in advance.