Dawn theme search bar transperent !

[Sohan2198]

hello how can i make my search bar like in Mobile View

mine looks like this right now !

Url:https://ao365q8tca6kpq1p-58506346583.shopifypreview.com

[Moeed · Accepted solution]

Hey @Sohan2198 

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>
input.search_input.field_input.snize-input-style {
    background: transparent !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[Sohan2198 · Accepted solution]

I want above the banner. Not on banner 

[Moeed · Accepted solution]

Hey @Sohan2198 

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>
input.search_input.field_input.snize-input-style {
    background: transparent !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[Sohan2198 · Accepted solution]

I want above the banner. Not on banner 

[BSS-TekLabs · Accepted solution]

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

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

@media only screen and (max-width: 600px) {
slideshow-component {
     margin-top: 39px !important;
}
}

 

- Here is the result you will achieve:

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