Can't seem to get rid of my search bar through code.

Hello hello,

For some reason I have been trying to remove the search bar option of my theme however cannot seem to find the BASE.CSS files.

Furthermore, even by adding search bar removing codes such as:

.header__icon–search { display: none; }

In theme.liquid, nothing works.

I’m not at all pro in coding and have just been trying to use every technique I can find on youtube, yet none work :disappointed_face:

Could you help me figure this out?

Furthermore, for some reason my website looks great on a phone however on my computer no images or sections seem to want to center to the screen. Everything is small and to one side. Any idea how to fix that ?

Website is www.muzzleupswitzerland.com

Thanks in advance!

Hello @MuzzleUp

If you add the code in theme.liquid, you need to wrap the code in tags like this


Thank you for the swift response,

Just tried copy pasting your code but it doesn’t seem to work either…

Any other solution? Maybe another, smarter way of doing it than what i’ve found so far?

Thank you!

Sorry I didn’t check your code before. You should use this code


Worked for the icon on my computer, however the search bar is still in the header on my phone. Any idea?

Oops, then you can use this code


Worked! thank you loads! and any idea how I can make the images and texts center to the screen on my computer? At the moment everything aligns (right or left) but I do not have the option to align my sections center! ?

On which page/section do you want to center?

Ideally I would like every page to be centred.