CODEWITHSUNDEEP
htmlcss
EntryNotFound
EntryNotFound

Reputation: 27

How to hide page navigation bar and header for a specific page

I'm trying to build a page without the page navigation bar and header, but I want it for every other pages - how can I achieve this?

I've added this code to the page's .css file but it ends up hiding the page nav bar and header for every page':

.navbar-custom {
  display: none;
  visibility: hidden;
}

header{
  display: none;
}

Screenshot of the current page:

enter image description here

Thanks so much for your help.

Upvotes: 0

Views: 3989

Answers (2)

SleepySage
SleepySage

Reputation: 1

You could also make a separate stylesheet for the page you want it to be hidden

Upvotes: 0

SeReGa
SeReGa

Reputation: 1316

If you set an id to the body element on this specific page. Then you can set the same rules with the #page-id prefix.

For example:

#page-id .navbar-custom {
  display: none;
  visibility: hidden;
}

#page-id header{
  display: none;
}

Upvotes: 1

Related Questions