A user encountered a duplicate search bar appearing on their Rapid Search results page after installing the Rapid Search CSB app on their Shopify store.
Two CSS-based solutions were proposed:
Theme CSS modification: Add custom CSS to hide the duplicate search bar by targeting .search-results-search-bar-container with display: none !important in the theme’s main CSS file (main.css, base.css, style.css, or theme.css).
Theme.liquid modification: Insert CSS code directly into the theme.liquid file above the </head> tag to resolve the conflict.
Both solutions involve accessing the theme code through Online Store > Themes > Edit code in the Shopify Admin. The issue appears to stem from conflicting search bar implementations between the theme and the Rapid Search app. One respondent’s solution was marked as accepted by the original poster.
Hi @Josue2024
Check this one.
From you Admin page, go to Online Store > Themes
Select the theme you want to edit
Under the Asset folder, open the main.css(base.css, style.css or theme.css)
Then place the code below at the very bottom of the file.
form.rps-search-results-search-bar-container {
display: none !important;
}
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
