- This topic has 4 replies, 2 voices, and was last updated 6 years, 3 months ago by Andrew Misplon.
Tagged: header
- AuthorPosts
- September 10, 2018 at 2:41 pm #10486
roloParticipantHello, can you help me with some custom css code to hide a page header?
Thanks!
September 10, 2018 at 2:46 pm #10487
roloParticipantI 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
roloParticipantAll 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
roloParticipantMinor 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 MisplonKeymasterHi 🙂 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.
- AuthorPosts
Viewing 5 posts - 1 through 5 (of 5 total)
You must be logged in to reply to this topic.