increase header image size with CSS

• 

  luciledegodoy · Member · Oct 27, 2014 at 10:25 am

  • Copy link
  • Add topic to favorites

  I would like to increase the header image of my blog and ensure that the mobile version works properly.
  Thanks.

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

• 

  thesacredpath · Member · Oct 27, 2014 at 3:24 pm

  • Copy link

  Hi there, I’ve viewed your site on my iPhone and also viewed the responsive layouts and this is what I see for phones in landscape and portrait orientations: https://cloudup.com/cKBPlLyUE_z .

  Are you seeing something different?

• 

  luciledegodoy · Member · Oct 27, 2014 at 5:28 pm

  • Copy link

  Hi there! I think we see the same, and I was just trying to check if it is possible that the photo has the same size as the box underneath the image where post are. Sorry if I don’t know how to call it correctly.

• 

  thesacredpath · Member · Oct 27, 2014 at 6:02 pm

  • Copy link

  Ah, ok now I understand and we can do that. This widens the site-branding area, which includes the title and description, so I’ve included a rule to space the title and description over as it was previously, in line with the left edge of the menu. I checked it in my responsive layout viewer and all seems well, but make sure and check in on your phone and a tablet, if you have one, to make sure nothing goes awry.

  .site-branding {
      padding-left: 0;
      padding-right: 0;
  }
  .site-title, .site-description {
      padding-left: 2.98246%;
  }

• 

  luciledegodoy · Member · Oct 27, 2014 at 6:22 pm

  • Copy link

  May I ask where I bring this? Sorry I am a complete dummy…

• 

  thesacredpath · Member · Oct 27, 2014 at 10:34 pm

  • Copy link

  Oh, sorry, go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the above custom CSS.

  And you are not a dummy, we were all just starting out at one point. I’ll bet you know things that I don’t. :)

• 

  luciledegodoy · Member · Oct 28, 2014 at 10:23 am

  • Copy link

  You’re very kind. Thanks for the encouragement and for helping me so much. I appreciated both very much. :-)
  Next time I deal with CSS, I will have more self-confidence; thanks to you.
  Have a good day!

• 

  luciledegodoy · Member · Oct 28, 2014 at 10:51 am

  • Copy link

  And your magic worked fine! Mobile version included.
  THANK YOU!