- This topic has 3 replies, 2 voices, and was last updated 8 years ago by
.
Morning Guys
I would like to remove the breadcrumbs container under the header ( pic1).
however I would like to keep the breadcrumbs on the single product page (pic2)
I know I can set the container to ‘Display None’ (pic 3)- however that removes the container from all of the pages including the single product pages.
is there a way to keep this only on the single product pages like pic2?
Cheers
D.
Hi @NorthumbrianTin,
I hope you are well today and thank you for your question.
Do you want to remove only breadcrumb or the whole breadcrumb area that you selected in your shared screenshots?
Could you please share me your site URL where it’s displaying so that i can help you to remove it?
Best regards,
Shufflehound teamwebsite is https://www.northumbriantinsoldier.com
I have managed to remove the breadcrumbs container from individual pages via
.page-id-XXXXX .sh-titlebar .container {
display: none!important
}Where XXXXX is the page ID – however using page id will not work on the woocommerce shop page – can you help please.
Thanks
You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
#page-container > .sh-titlebar { display: none; } .single-product #page-container > .sh-titlebar { display: block; }
