Hi
My search results seem to get lost with the menu
Using Trade Theme
Topic summary
A user reports that search results on their Shopify store (using the Trade Theme) are appearing behind the navigation menu, making them difficult to access.
Proposed Solutions:
-
CSS z-index fix: One respondent provides step-by-step instructions to add custom CSS code to the theme.liquid file (above the
</body>tag) to adjust the layering of search results so they appear above the menu. -
Alternative thread reference: Another user suggests consulting a similar resolved issue in the Shopify community forums for additional guidance.
Both solutions involve modifying the theme’s CSS to control element stacking order. The issue appears to be a common z-index layering problem where the menu has a higher priority than the search results dropdown.
1 Like
Hey @TBS2023
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
1 Like
Hi there @TBS2023 I recommend you try the process and code in the marked reply in this thread here https://community.shopify.com/c/shopify-design/search-bar-results-always-go-underneath-my-main-menu/m-p/2193983