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
Hey Community! As we jump into 2025, we want to give a big shout-out to all of you wh...
By JasonH Jan 7, 2025Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024