remove breadcrumbs from certain pages

Home Forums Jevelin Theme remove breadcrumbs from certain pages

Home Forums Jevelin Theme remove breadcrumbs from certain pages

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • NorthumbrianTin
    Participant

    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.

    Attachments:
    You must be logged in to view attached files.

    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 team

    NorthumbrianTin
    Participant

    website 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;
    }
Viewing 4 posts - 1 through 4 (of 4 total)