Removing Header Image Pages in Menu

• 

  onyx2018 · Member · Jul 11, 2014 at 4:44 pm

  • Copy link
  • Add topic to favorites

  I only want a header image on my home page. The others only title and tagline and shorter.

  http://escortinternetdesign.co

• 

  sandymcfadden · Member · Jul 13, 2014 at 11:50 am

  • Copy link

  @gkozlinski,

  I think this will do what you are looking for.

  body #site-header img {
    display: none !important;
  }
  body #site-branding {
    margin: 0% 10% !important;
  }
  body.home #site-header img {
    display: block !important;
  }
  body.home #site-branding {
    margin: 5% 10% !important;
  }

  Let me know if this doesn’t accomplish what you were looking for.

• 

  onyx2018 · Member · Jul 13, 2014 at 4:03 pm

  • Copy link

  That removed the pic but I need padding around the title and tagline they are overlapped.

• 

  sandymcfadden · Member · Jul 13, 2014 at 10:41 pm

  • Copy link

  Does this work any better?

  body #site-header img {
    display: none !important;
  }
  body #site-header {
    min-height: 100px;
  }
  body.home #site-header img {
    display: block !important;
    margin: 0 auto;
  }
  body.home #site-branding {
    margin: 5% 10% !important;
  }
  body.home #site-header {
    min-height: 0;
  }

• 

  onyx2018 · Member · Jul 16, 2014 at 9:11 am

  • Copy link

  Much better. I either need the tagline not to show up on any page but the first or more padding. I left the code in. If you want to look at the site you will see what I mean. http://escortinternetdesign.co.

  Thank you so much

  Please help with this last step.
  Gail

• 

  sandymcfadden · Member · Jul 16, 2014 at 9:33 am

  • Copy link

  If you want to add more padding to the tag line you can use this code

  .site-description {
      padding-top: 20px;
  }
  
  body.home .site-description {
      padding-top: 10px;
  }

  This adds 20px to all pages except the first page which only adds 10px. So you can adjust those numbers as you like.

  Hope that helps.

• 

  onyx2018 · Member · Jul 16, 2014 at 4:18 pm

  • Copy link

  Is there a way to prevent the tagline altogether except the first page?

• 

  sandymcfadden · Member · Jul 16, 2014 at 4:21 pm

  • Copy link

  I think something like this would do it.

  .site-description {
      visibility: hidden;
  }
  
  body.home .site-description {
      visibility: visible;
  }

• 

  onyx2018 · Member · Jul 16, 2014 at 9:05 pm

  • Copy link

  Brilliantly done. My site is exactly how I want it. Thanks so much.

• 

  sandymcfadden · Member · Jul 16, 2014 at 9:09 pm

  • Copy link

  That is excellent. Glad I could help!