I am trying to move my search bar bar into the white bar so that I can delete the tan bar:

enter image description here

But I don't know where to look to find the code for the search bar either in the admin panel or in code.

2 Answers 2


if you looking for some piece of code, and need to know which file exactly have it, you can quickly grep it:

grep '<form class="form minisearch" id="search_mini_form"' -rl app

it will find the file:


but for a more complex approach you also need to fix (override) css too, because moving the code is not so easy without fixing css as well. design will fall apart.

also you need to override original template file with your custom, or use child theme path.


In code. It's going to be template and possibly XML change.

I recommend using template hints to work out what is doing what.

Login to the magento back-end.

Go to System > Configuration.

Go to Developer section on the bottom left under ADVANCED.

Switch to the store view on the top left to your current website or store view.

Open Debug and set “Template Path Hints” = Yes

Remember to clear your cache ( System > Cache Management)

I recommend doing this on a dev site if you can.

That's as much as I can tell you at this stage. Hope you find what you are looking for.

  • Thanks for this, this is what I wanted to do but I inherited the site so I don't have a dev site yet. Jun 4, 2019 at 14:53

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.