How can I add a search icon to mobile view?

Store Design
1

I am trying to add the search icon to the top left just as it is on desktop. For some reason, it does not show up on mobile.

Thanks!

1 Like
2

Hi @pwnjunkie

Can you share your website so we can take a look at the issue?

1 Like
3

www.exaltedcollectibles.com

1 Like
4

Hello @pwnjunkie

Add this CSS code

Online Store > Themes > Edit code > Assets > custom.css

.header--top-center>.header__search { display: block; }
5

I am using Dawn theme, I do not see a ā€œcustom.cssā€ in my edit code. I tried adding the code in ā€˜base.cssā€™ but did not see a change.

6

Try this code

.header--top-center>.header__search { display: block !important; }
7

Hi @pwnjunkie ,

Try this code instead

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the base.css
  3. Paste the code below at the very bottom of the file.
@media only screen and (max-width: 750px) {
#shopify-section-header > div > header > details-modal {
    display: block;
}
}
8

That worked ! Thank you for your help !!

1 Like