Viewing 4 replies - 1 through 4 (of 4 total)
  • Every single page, post, widget, etc. on WordPress has a unique ID. For a page, it’s added to the <body> tag.

    Navigate to the page in question, use your browser’s “View Source” or Firebug addon (for Firefox) to find the unique ID.

    Then, in custom CSS (if your theme supports it), or in a child theme stylesheet, add the following:

    #ID nav {display: none !important;}

    Thread Starter keithphotos

    (@keithphotos)

    I have followed you instructions and pasted…

    #post-478 nav {display:none !important;}

    into the custom CSS – but nothing has changed. Is this the right text?

    Thread Starter keithphotos

    (@keithphotos)

    I have pasted the following into my custom CSS…
    #ID-post-478 nav {display: none !important;}

    but nothing has changed.

    Can you advise please.

    Which page are you wanting to remove it from? It’s actually a “class” not ID – for example on your home page the code is:

    <body class="home page page-id-53 page-template-default custom-background right-sidebar">

    So the relevant CSS would be:

    .page-id-53 #branding #access {
       display: none;
    }

    Also, since you are using a Pro theme, you have access to support on the developer’s site – these forums are for free versions.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Navigation bar removal’ is closed to new replies.