I have a problem on the rapid search results page, the double search bar is displayed. We install the Rapid Search CSB app.
Pagehttps://shopallhub.com/pages/rapid-search-results?q=lego
Down Theme
Topic summary
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-containerwithdisplay: none !importantin 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.
1 Like
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!
Hi @Josue2024
This is Richard from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
Hope this can help you solve the issue
Best regards,
Richard | PageFly