Active Header Image not Responsive

- 10 years, 1 month ago epilo
  Participant
  
  Expired
  
  HELP.
  
  I have a header image (a background image) on all of my pages. I have based it off this template: https://codeless.co/specular/default/?page_id=244 If you check this out on a handheld device you can see the problem with the header background.
  
  When the site is viewed on a device the background image isn’t responsive so looks really bad. In fact, for some reason the background image on the headers actually scales up on smaller devices..so its really, really blurry.
  
  Please can you help me make this responsive , I need to get the size of the image reduced so its nice on iPads/iphones etc.
- 10 years, 1 month ago Ruco
  Keymaster
  Hello,
  
  Please add this css code at Custom Css Code at general options:
  
  @media (max-width: 767px){ .header_page.centered { background-position: center center !important; height: 300px !important; width: 100%; background-attachment: initial; }}
  
  Best regards!
  
  This reply was modified 10 years, 1 month ago by Ruco.
- 10 years, 1 month ago epilo
  Participant
  
  Expired
  
  Hi Ruco,
  
  Thanks for the information – it has worked like a DREAM. Perfect….looks much nicer now.
  
  Thanks again.

Viewing 2 reply threads

You must be logged in to reply to this topic.