Header, mobile

• 

  500pens · Member · Apr 28, 2017 at 4:10 am

  • Copy link
  • Add topic to favorites

  Hi there, Do you know if there is a way to make the header and logo much smaller in the mobile only view? Thanks!

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

• 

  thesacredpath · Member · Apr 28, 2017 at 6:29 pm

  • Copy link

  Hi there, let’s start by replacing this in your custom CSS,

  .site-logo {
  	max-width:275px
  }

  with the following Media Query which will let the logo go back to the original 150px max-width below 600px in screen/window width.

  @media screen and (min-width: 600px) {
  	.site-logo {
  		max-width: 275px;
  	}
  }

• 

  500pens · Member · Apr 28, 2017 at 6:30 pm

  • Copy link

  Thank you!!

• 

  thesacredpath · Member · Apr 29, 2017 at 3:53 am

  • Copy link

  You are welcome.