Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi, Sharon:

    Each page has a unique ID associated with it, so it’s easy to write CSS rules which target a particular page. I see you also have Jetpack installed, so you can use Jetpack’s Custom CSS option.

    First, if you haven’t already activated Jetpack’s Custom CSS option, go to Jetpack → Settings and activate it. You should then see a menu item under the Appearances menu called Edit CSS. Click on Edit CSS and you’ll see the CSS editor. Copy & paste this rule at the very end (after all of the lines which are already in there):

    .page-id-129 .nav-primary,
    .page-id-129 #breadcrumb-list {
       display: none;
    }

    Save your changes.

    Thread Starter sharoni22

    (@sharoni22)

    Thanks that worked well! Only one issue…the page title includes a link back to the homepage. Is there a way to remove that as well?

    Do you mean the site title at the very top with your name? Do you want to hide the top heading altogether or just remove the link?

    If you just want to remove the link, add these rules:

    .page-id-129 .site-title a {
       display: none;
    }
    .page-id-129 .site-title:before {
       content: 'Sharon McElwee';
    }

    If you want to hide the header altogether, add this instead:

    .page-id-129 #masthead {
       display: none;
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Remove navbar from one page’ is closed to new replies.