Removing image header blocks or meta fields from broadcast theme

Solved

Removing image header blocks or meta fields from broadcast theme

sydneywhite22
Shopify Partner
4 0 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.

Accepted Solution (1)

made4Uo
Shopify Partner
3873 718 1210

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

made4Uo_0-1679267681774.png

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free

View solution in original post

Replies 3 (3)

made4Uo
Shopify Partner
3873 718 1210

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

made4Uo_0-1679267681774.png

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free

diego_ezfy
Shopify Partner
2970 571 921

@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

 

PageFly-Victor
Shopify Partner
7865 1786 3126

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