Shopify themes, liquid, logos, and UX
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
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!
@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
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025