Why has the search icon disappeared from my mobile site header?

[jennarose]

Hi!

My URL is www.daughterofanangel.com

it seems the little search icon has disappeared from my site on mobile. It is usually next to the cart icon on the header. How can I get this back?

Thank you in advance!

[Moeed]

Hey @jennarose 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
details-modal.header__search:nth-child(1) {
    display: block !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[jennarose]

I did it but I still dont see it 😞

[Moeed]

Hey @jennarose 

There's some code in your files which is hiding the search icon. I suggest you to remove that code and then use my code again.

Best Regards,

Moeed

[jennarose]

how can I find that? I never added a code to hide it.. the seach icon was there the other day.. not sure what happend

[Moeed]

There's a CSS code that is hiding the search icon, if you can't locate that code then you can provide me collaborator access and I can do it for you.

Best Regards,

Moeed

[jennarose]

would it be any of this?

[Guleria]

Hello @jennarose ,

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your base.css file and paste the following code below:

@media screen and (max-width: 768px){
.header__icons .header__search {
    display: inline-block !important;
}
}

Thanks

[jennarose]

thank you but that didnt work 😞

[PageFly-Oliver · Accepted solution]

Hi @jennarose ,

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

<style>
@media(max-width:767px){
#shopify-section-header .header__icons .header__search{display:block !important}
}
</style>

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

[jennarose]

It worked.. THANK YOU SO MUCH!

[PageFly-Oliver]

you are welcome 😍