Adjusting Logo height

• 

  michalblum · Member · Jan 19, 2016 at 10:29 am

  • Copy link
  • Add topic to favorites

  Hello,
  I have a problem adjusting the header image to display correctly under the tablet or phone. Another issue is that I want my logo to move upwards so it doesn’t cut the display of the background.

  Thank you

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Jan 20, 2016 at 3:35 am

  • Copy link

  Hi, due to the way this theme works, and due to the nature of your header image, we are a bit constrained on what we can do, but give this a try and see what you think. Go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS.

  body.custom-header #header {
      background-size: contain !important;
  }
  .custom-header-image #site-title {
      margin-top: 50px;
  }

• 

  thesacredpath · Member · Jan 20, 2016 at 3:39 am

  • Copy link

  Wait, let’s change that a bit. Add this instead.

  body.custom-header #header {
      background-size: contain !important;
      height: 100%;
      max-height: 487px;
      min-height: 200px !important;
  }
  .custom-header-image #site-title {
      margin-top: 50px;
  }

• 

  michalblum · Member · Jan 23, 2016 at 6:33 pm

  • Copy link

  Thank you very much for your help!
  Now the only problem I have is that there’s a huge white empty space beneath the header. Do you have an idea how to solve it?

  Michal

• 

  thesacredpath · Member · Jan 25, 2016 at 8:05 pm

  • Copy link

  Hi, I’m seeing that you have the media queries in place, and I’m not seeing any gaps between the content and header now. Is this resolved?