Web Hosting
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

WordPress fix Reply To: Hide Header For One Page (Landing Page)

Discussion in 'Misc WordPress Requests' started by Steve Stern, Oct 18, 2017.

  1. Steve Stern

    Guest

    Reply To: Hide Header For One Page (Landing Page), by Steve Stern

    There are two ways to do this:

    1. Create a child theme and add a “global page template” that uses a modified header. This will appear in the page attributes dropdown.

    2. Use CSS to hide the header, along with page-ids from the <body> tag on each page. For example,

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

    To add CSS:

    • If you are using WordPress 4.7 or later, use the “Additional CSS” option in the customizer.
    • If your theme has a custom CSS option, use that to add the CSS shown above.

    Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

    Reply To: Hide Header For One Page (Landing Page)
     
    #1

Share This Page

Web Hosting