Reposition search box On Mobile (Dawn Theme)

[Loz86]

Store url: onlinebeautyessentials.com

Just need to center the search box that opens on mobile and move it up so it opens directly under the header.

Like this..

[Abdosamer · Accepted solution]

Hi @Loz86 , we will change some css code to do that go to base.css and search for this piece of code : 

@media screen and (max-width: 989px) {
details-modal.header__search {
    position: absolute;
    left: 80px;
}
details[open]>.search-modal {
    top: 90px;
    width: calc(100vw - 55px);
    margin: 0px auto;
    left: -50px;
}
}

you will need to change two properties the top and width like this: 

details[open]>.search-modal {
top: 5.5rem;
width: 100vw;
margin: 0px auto;
left: -50px;
} 

[Loz86]

Thanks Abdosamer,

Just bought you a coffee 👍

[Abdosamer]

Thanks, feel free to contact me anytime if you need help.