How to hide the breadcrumb on all pages except for the product pages

Store Design
1

Hi,

How can I hide the breadcrumb on all pages except for the product pages?

I’m using the Shella theme.

Thanks.

2

@a1ex

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Hi @a1ex ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

4

Hello @a1ex

Greetings!!

Please follow the steps

Online-store->themes->Actions->Edit Code->Assets->theme-d.css

and paste below code at the last of file

.template-page .breadcrumbs,.template-article .breadcrumbs,.template-collection .breadcrumbs{display:none;}

I hope it will work for you

5

Hi @SetuBridge_1 ,

Yes, it worked, thanks!

Subsequent question actually, the container of the breadcrumb is still there though.

So, there is white space between the header and the first content, which is a hero banner.

How do I get rid of it as well so that the banner is right after the header?

Thanks.

6

Hello A1ex,

May I know your store URL? So I can see the exact issue and can solve it

7

Hello @a1ex

I have checked on the page there is a section

on the about us page, just disable the first section, maybe it will be solved https://prnt.sc/ckgyERmb7GLq