Log in Get SwiftGrid →
Resolved

Hide Header

Polestar Theme started by rolo Sep 10, 2018 4 replies
rolo Sep 10, 2018 · 2:41 pm #10486

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

Thanks!

rolo Sep 10, 2018 · 2:46 pm #10487

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!

rolo Sep 10, 2018 · 2:57 pm #10488

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;
	
}
rolo Sep 10, 2018 · 2:59 pm #10489

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;
	
}
Andrew Misplon Puro Sep 10, 2018 · 3:42 pm #10490

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.

5 posts