Hello,
Does anyone know where and what code I need to add the search bar (edge to edge) between my logo and the hero banner in my Mobile view only?
Basically we push down the hero banner to make room for the new search bar!
All help appreciated! Thank you
Hi @bob-rouge-store ,
Hope you are doing well. Please place this code at the end of theme.scss:
@media screen and (max-width: 768px) {
.site-header .wrapper {
padding: 0;
}
.site-header .grid–full {
display: flex;
flex-direction: column;
margin: 0;
}
.site-header .search-bar {
display: block;
margin-bottom: 0;
width: 100%;
}
.site-header .header__message {
margin: 0;
}
}
Take a look at our screenshot here: https://prnt.sc/1130vzu
Hope this helps.
I couldn’t get that to work???
