Removing image header blocks or meta fields from broadcast theme

Technical Q&A

Topic summary

A user is trying to remove an unwanted “no image text” block from their Shopify Broadcast theme website, which appears where an image should be displayed.

Proposed Solutions:

Three community members offered CSS-based fixes:

  • Option 1: Add CSS code to theme.css targeting .section.sticky-hero elements to hide the container with display: none

  • Option 2: Insert CSS in theme.liquid file just before the </body> tag to hide the problematic element. The responder notes this is a quick fix and recommends removing the failed image code entirely, suggesting a Chrome extension for theme file search to locate “sticky-hero” references

  • Option 3: Similar approach of adding CSS before </body> in theme.liquid

Key Recommendations:

While CSS hiding provides immediate results, the underlying issue is a missing image. The ideal solution involves either:

  • Uploading the missing image
  • Removing the image block code completely
  • Contacting Broadcast theme support or a professional developer for a permanent fix

The discussion remains open with no confirmation of which solution worked.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

Hello, I am trying to remove this block from my website and there are 0 options to do so- any suggestions?

https://verticalledge.com/

You can see the odd “no image” text, I would just like it removed.

1 Like
2

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

made4Uo_0-1679267681774.png
made4Uo_0-1679267681774.png1890×957 179 KB

1 Like
3

@sydneywhite22 ,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. In your theme.liquid file, find the (press CTRL + F or command + F on Mac)
  3. paste this code right above the tag:

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

1 Like
4

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 :

Hope my answer will help you.

Best regards,

Victor | PageFly

1 Like