Navigation
Archive / How to hide a header and the breadcrumbs on a specific page
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 6, 2017 at 11:33 pm #1397221
    MyDigitalClub
    Participant

    Hello,

    Could you please tell me how to hide a header and the breadcrumbs area (see picture attached) on a specific page?
    Everything should stay as it is on the rest of pages though.

    Thank you!

    Best,
    Katya

    March 6, 2017 at 11:34 pm #1397224
    MyDigitalClub
    Participant
    This reply has been marked as private.
    March 7, 2017 at 3:05 am #1397410
    Christopher
    Moderator

    Hi there,

    Please check this link https://community.theme.co/kb/how-to-locate-post-ids/ and find page ID.

    Please add following code in Customize -> Custom -> Global CSS :

    .page-id-34 .x-breadcrumb-wrap {
    display: none;
}

    Replace page id with 34 in provided code.

    Hope it helps.

    March 9, 2017 at 1:34 am #1400222
    MyDigitalClub
    Participant

    Hello,

    Thanks for coming back.
    The breadcrumbs area is now hidden, but the main navigation disappeared as well…
    Could you please tell me how to only hide the breadcrumb area (the area I highlighted in the screenshot in my original post)?

    Thank you!

    Best,
    Katya

    March 9, 2017 at 1:53 am #1400242
    Rupok
    Member

    Hi Katya,

    Are you sure this code caused this? Try taking off the code and check again to make sure it’s not something else. Also share us the code you have added.

    Thanks!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1397221 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>