Hide header from one specific page (CSS)

  • Resolved calliz21

    (@calliz21)


    4 years, 5 months ago

    Hello,

    I am looking for a way to hide the header in this specific page. I’d prefer an easy solution like adding CSS to the page directly (if possible) I’m using elementor. I would still like the HTML on the header to load but not be visible as there are tracking codes in the header that I would like to still load on the page.
    Any help is appreciated!

    The page I need help with: [log in to see the link]

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

    (@catacaustic)

    4 years, 5 months ago

    If you want to hide the entire header, you can use this:

    .page-id-2776 .header-top {
    display: none;
}

    The class that you use will dpeend on what exactly you want to hide, but the main class of page-id-2776 is on the <body> tag so it will cover anything on that page. And will target that page only.

    Thread Starter calliz21

    (@calliz21)

    4 years, 5 months ago

    Thank you so much! I used the class to hide the entire top header and nav menu. Really appreciate your help

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

The topic ‘Hide header from one specific page (CSS)’ is closed to new replies.