I am facing an issue where the following code is appearing in my footer but when I go to edit the code I can’t seem to find it to be able to delete it.
Topic summary
A user is trying to remove unwanted code appearing in their store footer but cannot locate it in their theme files. The problematic code involves div#predictive-search-option-search-keywords with CSS styling.
Proposed solutions from community members:
- Search for the code in the
theme.liquidfile (Admin → Online Store → Themes → Edit code) - Wrap the found code with
<style></style>tags to contain it properly - Alternatively, delete the CSS row directly or add it to
base.cssinstead - Add the corrected code above the
</head>tag in theme.liquid
Current status:
The issue remains unresolved. The user has reported multiple times (posts 7-10) that they cannot find the code in the theme.liquid file, despite following the provided instructions. Screenshots were shared showing their search attempts.
One helper requested the user attach their theme.js file for further investigation to locate where the code actually exists, suggesting it may be in a different file than initially assumed.
Hello @shopeve
Welcome to Shopify Community.
Kindly please check the code in theme.liquid file. You will able to find the code there.
Thanks
Hi @shopeve ,
Can you search for the code “div#predictive-search-option-search-keywords” on the theme.liquid fil? One you find the code, wrap the code with
From:
div#predictive-search-option-search-keywords { background: white !important; }
To:
div#predictive-search-option-search-keywords { background: white !important; }Hi @shopeve
You can find and remove that code from store admin > Online Store > Themes > click “…” in the current theme > Edit code, open theme.liquid file
Find that line of code
div#predictive-search-option-search-keywords { background: white !important; }
Remove it or change it to this.
Best regards,
Dan from Ryviu
Hi @shopeve
This is Theodore 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,
Theodore | PageFly
Hi @shopeve ,
With an issue where the following code is appearing in your footer, you can fix it in theme.liquid. You can follow my instructions!
Step 1: Go to Admin → Online store → Theme > Edit code:
Step 2: Search for the file theme.liquid. Search the keyword: “div#predictive-search-option-search-keywords” and wrap the code with
like this:
Or Delete this row directly and add it to base.css :
div#predictive-search-option-search-keywords {
background: white !important;
}
Step 3: Save your code and reload this page.
We hope my suggestions will solved your issue.
If it is helpful, can you kindly give us many likes and mark the solution for us?
This can be a reference for other merchants if they have an issue like you and greatly motivate us to contribute to our community.
Have a nice day, sir!
Hey! I couldn’t find the code in the theme.liquid file
Hey! I couldn’t find the code in the theme.liquid file
Hi @shopeve
Can you attach theme.js here? I will review the whole code and try to find where the code exist
