How can I adjust search bar spacing in the Debut theme?

[mbhlg]

Hi,

Would someone be able to help me add a small space in between the search bar and the magnifying glass please? I don’t want them to be attached.

This is using debut theme as I mentioned and on mobile view.

It currently looks like this:

Many thanks!

[dmwwebartisan]

@mbhlg

Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (max-width: 749px){
button.search-form__connected-submit {
    margin-top: 12px;
}
}

Hope this works.

Thanks!

[mbhlg]

Thanks! That works great when I use the search function at the bottom of my page, however now when I click the magnifying glass on the right hand side in the header, no search bar comes up?

[dmwwebartisan]

@mbhlg

Not understand. Could you please explain with a screenshot?

[mbhlg]

Sure, so when you click the magnifying glass (highlighted in light blue) the search bar should come up (see second screenshot below)

I can only access the search function when I scroll down to the bottom of the page and click the ‘search’ link

Let me know if that helps?

Thanks

[dmwwebartisan]

@mbhlg

search code is missing and also mobile css missing in your theme.

Thanks!

[mbhlg]

@dmwwebartisan Ok, thanks for taking a look into this!

Would there be anyone who could help me resolve this?! Feel free to drop me a message