Search code examples
githubjekyllgithub-pages

How do you remove header on Github Pages?


I am trying GitHub Pages for my developer blog post, unfortunately I am having a hard time deleting the header part after choosing a theme.

Even though I already edited the Readme.md, the header is still there and I can't even remove or edit it. Do you have any idea on how to remove or edit it? There are only 2 files on my repositories: Readme.md and _config.yml

enter image description here


Solution

  • I found you can customize your site CSS to hide the header by creating the file:

    /assets/css/style.scss

    ---
    ---
    
    @import "{{ site.theme }}";
    
    header {
      display: none;
    }
    

    This is a closed issue on Github.


    That said, you may want to override the HTML layout, so your site doesn't unexpectedly break.