[Mark]

I was previously able to do this using this code:
.page-id-51 #masthead,
.page-id-51 #menu-main-menu,
.page-id-51 #breadcrumb-list {
display: none;
}

Now that I have the search embedded in the Nav, I’ve tried several variants of:
.page-id-51 #masthead,
.page-id-51 #nav-primary,
.page-id-51 #breadcrumb-list {
display: none;
}

but the nav still shows… please help

[Mahesh]

@calsurance: In which page do you want this, can you please post the page url.

Regards,
Mahesh

[Mark]

http://www.calsurance.com.php56-2.ord1-1.websitetestlink.com/test-program-page/

[Mahesh]

@calsurance: For the given page, you’ll just have to do a slight change and it will fix the issue. Please use the following CSS:

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

Note: Your variant in second one didn’t work because nav-primary is class not id so we have to use .(dot for class) instead of #(hash for id).
Hope this helps.

Regards,
Mahesh

[Mark]

Doh! I missed the forest for the trees on that one. Thanks for the help.

Because I have the Search enabled in the Nav bar, the working code is:
.page-id-331 #masthead,
.page-id-331 .nav-primary.search-enabled,
.page-id-331 #breadcrumb-list {
display: none;
}

[Mahesh]

@calsurance: Thank you for your appreciation. Yes, your above code is more specific (navbar having classes .nav-primary and .search-enabled), and since you’ve enabled searchbar, it will work fine. Have a nice day!

Regards,
Mahesh

[Author]

Posts