Position the search bar differently on dawn theme

Position the search bar differently on dawn theme

houseofviraasi
Excursionist
24 0 5

Hey, 

Can someone please help me to get the search bar when opeed below my header? 

right now its opens on my header itself and my logo + menu hides 

https://houseofviraasi.com/

Replies 2 (2)

steve_michael2
Navigator
454 39 62


Hi
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

.search-modal.modal__content.gradient {
    position: absolute;
    top: 95px;
}
summary.header__icon.header__icon--search.header__icon--summary.link.focus-inset.modal__toggle {
    display: none;
}

 

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

houseofviraasi
Excursionist
24 0 5

@steve_michael2 theme.css/based.css? 

 

you mean base.css or theme.liquid? sorry im unsure.

Also dint work in base.css I tried it