Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hello, I am trying to remove this block from my website and there are 0 options to do so- any suggestions?
You can see the odd "no image" text, I would just like it removed.
Solved! Go to the solution
This is an accepted solution.
Hi @sydneywhite22,
I understand you want to remove the "no image text." This appeared since there was no image provided. You can remove the said container and image text using the CSS below.
1. From your Admin page, go to Online store > Themes > click the three dots > Edit code
2. Find the Asset folder, and open the theme.css file
3. Add the code below at the very end of the file
section.sticky-hero.margin-bottom-xl.js-sticky-hero {
display: none;
}
This should be the look of your website after following the instructions
This is an accepted solution.
Hi @sydneywhite22,
I understand you want to remove the "no image text." This appeared since there was no image provided. You can remove the said container and image text using the CSS below.
1. From your Admin page, go to Online store > Themes > click the three dots > Edit code
2. Find the Asset folder, and open the theme.css file
3. Add the code below at the very end of the file
section.sticky-hero.margin-bottom-xl.js-sticky-hero {
display: none;
}
This should be the look of your website after following the instructions
@sydneywhite22,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:
<style>
.sticky-hero{
display: none !important;
}
</style>
<script>
</script>
This is just a quick fix though, ideally you should have the code of this failed image removed altogether.
If you're unsure where this is coming from, using a chrome extension to search for text like this one and searching for "sticky-hero" can help you. Alternatively contact the Broadcast support team or a professional developer.
If it helps you please click on the "like" button and mark this answer as a solution!
Thank you.
Kind regards,
Diego
Hi @sydneywhite22 ,
This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1. Go to Online Store -> Theme -> Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before </body> :
<style>
section.sticky-hero.margin-bottom-xl.js-sticky-hero {
display: none;
}
</style>
Hope my answer will help you.
Best regards,
Victor | PageFly
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025