Home>Support>Customize Home Page Header

Customize Home Page Header

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

I am developing this site for a client and would like to have the header on the home page only. I have disabled the header on all of the pages using this code:
header#masthead .hgroup {
display: none;
}
I have created a banner for the home page and inserted it as a Meta Slider, but I don’t like it below the menu bar. I have tried different coding to put the header on the home page, but I am not successful. Is there css code that I can use or does the header.php file have to be edited? I have created a child theme for the site.

URL: http://sesaya.ca

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Hi sesaya

    You could try the following:

    header#masthead .hgroup {
    display: none;
    }
    
    .home header#masthead .hgroup {
    display: block;
    }
    

    That should display your header on the home page only.

    Hope that helps.

  2. 10 years, 9 months ago sesaya

    Thank you. I didn’t put the .hgroup in my attempts. This worked like a charm!

  3. 10 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Super, glad to hear that helped.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More