Position the search bar differently on dawn theme

Store Design
,
1

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/

2

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!

3

@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