months ago I had made a change to the css code to remove the 50% off banner next to the price on the product page. Right now though that I have to enter a collection I get the white banner as pictured, can you give me a code to remove it? thanks
Topic summary
A user is trying to remove a white banner that appears on their Shopify store’s homepage, specifically in the “featured collection” section where scrolling items are displayed. They previously removed a “50% off” banner from product pages using CSS but now face a similar issue with collections.
Current Status:
- The banner does not appear on regular collection pages
- It only shows up in the featured collection section on the homepage
- Multiple helpers initially couldn’t see the issue until the user published the featured collection
Solution Provided:
A helper offered CSS code to be added to the theme.liquid file:
- Navigate to Online Store → Edit Code
- Locate the theme.liquid file
- Insert the provided CSS code snippet above the
</body>tag
The discussion includes screenshots showing the problematic white banner, though some participants had difficulty viewing it initially. The solution involves custom CSS targeting the specific banner element on the homepage featured collection.
Hello @lf_2
I can’t see anything here.
in the collections it doesn’t appear, but if I enter the “featured collection” section on the home page where the scrolling items are, the white banner appears there.
1 Like
Can you add the featured collection in the home page and publish it first so I can help you out?
Best Regards,
Moeed
add now, check please,in the home page
check now in the home page
Hey @lf_2
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
