Support/Polestar Theme/Hide Header

[Resolved] Hide Header

Tagged: 

  • Author
    Posts
  • September 10, 2018 at 2:41 pm #10486

    rolo
    Participant

    Hello, can you help me with some custom css code to hide a page header?

    Thanks!

    September 10, 2018 at 2:46 pm #10487

    rolo
    Participant

    I was able to do it with this custom CSS

    .page-id-8 .site-header { display: none; }

    The problem is that it remains white space in place of header, now I need to move page content above…

    Any idea?

    Thanks!

    September 10, 2018 at 2:57 pm #10488

    rolo
    Participant

    All done, I copy the css code here in case someone needs it

    Great for convertig a page to a LandingaPage (just replace page id number)

    .page-id-8 .site-header { display: none;
max-height: 0px;
}

#page .masthead-sentinel{
	margin-bottom:10px;
	height:10px !important;
	
}
    September 10, 2018 at 2:59 pm #10489

    rolo
    Participant

    Minor correction, here is the final version (just replace page id number)

    .page-id-8 .site-header { display: none;
max-height: 0px;
}

.page-id-8 .masthead-sentinel{
	margin-bottom:10px;
	height:10px !important;
	
}
    September 10, 2018 at 3:42 pm #10490

    Andrew Misplon
    Keymaster

    Hi 🙂 Glad to see you’ve made progress. You could also use something like this:

    .page-id-8 .site-header,
.page-id-8 .masthead-sentinel {
	display: none;
}

.page-id-8 .site-content {
	margin-top: 20px;
}

    All the best with your site.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

Scroll to top