Stop Custom Header Image from Scaling

• 

  tramst0p · Member · Mar 4, 2019 at 7:04 am

  • Copy link
  • Add topic to favorites

  I’m using the Velux theme and have a customized header image (2400 x 1300 px as recommended) and when you switch between devices and different size browsers, it automatically zooms and resizes.

  I want to show a set sized header image across all devices if possible. What can I put under additional CSS to make this happen?

  Thanks in advance.

• 

  khushbudesaiblog · Member · Mar 5, 2019 at 5:55 am

  • Copy link

  Hi there,

  Could please provide the URL of the site?

  Thanks.

• 

  tramst0p · Member · Mar 5, 2019 at 6:08 am

  • Copy link

  I switched to a new wordpress template that completely altered the header image and decided to do it that way.

• 

  fudhailyusoff · Member · Mar 5, 2019 at 7:38 am

  • Copy link

  Hi tramst0p,

  Good day to you.

  My suggestion, you can put as below, so it will keep the size of the header proportional with the device.

  #header img { max-width: 80%; }

  Cheers~