Issue: In Shopify’s Debut theme, opening the search bar overlays/clips a Buddha Mega Menu. The requester preferred the mega menu hidden while keeping the logo visible during search.
Key steps: Helpers requested the store preview URL and password to inspect. The store URL and password were provided.
Fix provided: Add a CSS rule in Online Store → Theme → Edit code → assets/theme.css to reposition the search form container: #shopify-section-header .search-bar__interior .search-form__container { position: absolute; width: 100%; top: 20px; left: 0; }.
Outcome: The original poster confirmed the CSS “worked beautifully.” No additional changes regarding explicitly hiding the mega menu or logo behavior were documented beyond the successful visual fix.
Other inputs: Another participant reported the same issue with a mega menu app but did not receive a confirmed solution in-thread.
Notes: A screenshot illustrated the clipping; the CSS snippet is central to the resolution.
Status: Resolved for the original poster; remains open for others with similar setups.
Hi there,
When clicking the search icon at the top right of the website, a search bar pops up but it is clipping/covering the mega menu I have at the top of the site.
Is there any way to fix this? I would like it to hide the mega menu and keep the logo at the top of the page when searching if possible.
hii, @GetOrchard
Kindly share your URL so,
I can solve your problem.
Thank You.
Hello @GetOrchard
Can you please share your shop url
Sorry about that!!
Here is the URL: https://orchard-accessory-store.myshopify.com/
password is: frawgh
Thank you all so much!!
hello @GetOrchard
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
#shopify-section-header .search-bar__interior .search-form__container{
position: absolute;
width: 100%;
top: 20px;
left: 0;
}
This worked beautifully!
Thank you so much for your help!
same problem because i mega menu app for mega items but when i clicked on search bar and open it will show my menu