Remove Navigation from a Single Page

  • Hi!

    I’m trying to remove the menu from this page.

    And Although I manage to make it disappear when I go to the Java Console, I don’t know how to save it in my CSS style sheet.

    I have a few pages that I need to remove the header, so if is there a way for me to know the comand/name of that page in the Console so I can do it myself a few times, it will be great!

    I know that once I have give the right instruction I have to

    .page….whatever it is that I can’t spot {
    display: none;
    }

    Is this actually OK?

    Thank you very much. Any help is very much appreciated.

    Marta

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi Marta,

    Your theme appears to be correctly using the body_class() theme function, so the <body> element will contain some useful classes for you. One in particular, based on the description of what you want to accomplish, is the page-id-N class, where N is the unique ID of the page. So, to hide the menu only on this page, you could use:

    .page-id-2 #header .navigation-container { display: none; }

    To hide both the main menu and the mobile menu, you could use:

    .page-id-2 #header .navigation-container, .page-id-2 #header .mobile-nav { display: none; }

    Thread Starter martapuig

    (@martapuig)

    Beautiful!!

    I didn’t thought on the mobile version. So thank you very very much. To many things around my head.

    It all work great!

    Thank you very much karpstrucking,

    Marta

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Remove Navigation from a Single Page’ is closed to new replies.