Hide the Header on Homepage?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter meisha

    (@meisha)

    5 years, 10 months ago

    I found some CSS to hide the Header, but it also hides the menu. Is there a way to hide the Header but keep the menu? For example, by adding the menu to the next block? Thank you!

    Senff – a11n

    (@senff)

    5 years, 10 months ago

    Hi @meisha

    Without seeing your site it’s a bit difficult to see what code would be needed in your case, but in general, adding this CSS code usually helps hiding everything in the header except the navigation menu:

    
#masthead > .col-full,
#masthead .site-header-cart {
  display: none;
}
    Thread Starter meisha

    (@meisha)

    5 years, 10 months ago

    Hurray! That did it! Thank you so much, Senff! 🙂 I added the page ID and was able to use your code to target only the home page, which is perfect!

    .page-id-27 #masthead > .col-full,
.page-id-27 #masthead .site-header-cart {
  display: none;
}
    • This reply was modified 5 years, 10 months ago by meisha.
    • This reply was modified 5 years, 10 months ago by meisha.
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Hide the Header on Homepage?’ is closed to new replies.