Move header image above menu using CSS? Penscratch theme

• 

  gregsherwoodmw · Member · May 31, 2016 at 9:02 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I’ve just set up my blog and want to move the header image with the name of the blog above the menu. I tried adding it as a logo but it’s limited to 150×150 pixels so it’s much too small. The header image is now the right size but in the wrong position.

  I’m hoping this change can be done using CSS. Can anyone advise? I’m afraid I’m not familiar with how CSS works.

  Many thanks,
  Greg

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

• 

  gregsherwoodmw · Member · Jun 1, 2016 at 9:42 am

  • Copy link

  I’ve now made the blog public so you can see what I mean.

• 

  siobhyb · Member · Jun 1, 2016 at 5:37 pm

  • Copy link

  Hi Greg,

  Could you upload your image as a logo again and then add the following custom CSS?

  .site-logo {
      height: auto;
      width: 900px;
      max-height: none;
  }

  You can increase/decrease the value of width in the above snippet, depending on the size of your image.

  Let me know how that goes or if any extra questions come up.