make the top image get smaller when you see it in smaller device

• 

  jesusllinas · Member · Jul 25, 2016 at 10:50 am

  • Copy link
  • Add topic to favorites

  Hello!
  I will like to know if there´s a way to make the image with the logo in the front page smaller when you see it in smaller devices, any CSS actions? when you see it in a mobile the image doesnt change.
  Thank you very much for your help.

  Inicio

  Greetings
  Jesus

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

• 

  hallluke · Member · Jul 25, 2016 at 1:50 pm

  • Copy link

  Hi Jesus,

  Copy this code into the CSS pane of your customiser and it should make your header image scale nicely on mobiles so your visitors see more of the image:

  @media screen and (max-width: 600px) {
    #masthead {
      background-size: cover;
    }
  }