spotlight theme: add a search bar on mobile

[shoproseadore]

hi, can someone help me add a search icon/bar on mobile?

i tried solutions that have been provided for other themes but they don't work for Spotlight.

Thanks!

https://shoproseadore.myshopify.com/

[Dan-From-Ryviu]

Hi @shoproseadore 

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

@media (max-width: 749px) {
.header--top-center>.header__search {
display: block !important
}
}

[shoproseadore]

it didnt work 😞

[shoproseadore]

sorry, meant for that reply to go under the other solution provided. trying yours now!

[shoproseadore]

ok there's not "Custom CCS" under my theme

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @shoproseadore 
- Please follow these steps:

- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

.header__search {
 display: block !important;
}

- Here is the result you will achieve:

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[BSS-TekLabs]

Please add a } mark to the position I marked @shoproseadore 

[shoproseadore]

doesn't work either! am I missing something else

[shoproseadore]

it didn't work 😞 

[BSS-TekLabs]

You're missing a "}". Let's add it to the location I marked in the photo above @shoproseadore 

[BSS-TekLabs]

add this code to last line file base.css