Header images on large monitors don't view well.

- 9 years, 11 months ago hardlynormal
  Participant
  
  Expired
  
  Hi,
  
  LOVE LOVE LOVE this theme.
  
  We created this amazing site, but on larger monitors 25″ or 27″ or greater, the headers look funky and site looks bad.
  
  HOME
  
  We love how it looks on laptop and mobile, but the desktop experience is not the best.
  
  If we make the headers fixed then the mobile experience is not the best.
  
  Obviously we could change out all the photos, but because we are a nonprofit that helps fight homelessness the faces are important.
  
  Is there a way to make the headers images look good on desktop and mobile with the images we have?
  
  Thanks
- 9 years, 11 months ago Mirela
  Participant
  
  Hello,
  
  For large monitors of that scale, your images are not big enough. I see the home page slide image is 1425px x 812px. This is not suitable for over 1900px wide screens. You should import images with better resolution (at least the double of what you have).
  As for the responsive, you can set it up via css.
  We can help you with that, just manage the images first.
  Let us know.
  
  PS: We are very happy to know you are satisfied with our theme. Thank you for your kind words!
  
  Best regards!
- 9 years, 11 months ago hardlynormal
  Participant
  
  Expired
  
  Thanks. We will start changing images. I believe we were worried about load time. As is, the page loads a little slower than I would like.
  
  I thought the responsive was set. Did we do something wrong or do we have to change something when we add the larger images?
- 9 years, 11 months ago Mirela
  Participant
  
  Hello,
  
  You can speed up your site loading time, by reducing the plugins used to the minimum. Do not keep plugins unused installed. Delete pages you do not need(when importing dummy data, a lot of pages are created. Most of which are never used).
  The responsive is indeed set up and running perfectly. What i meant is that if there would be any issue whatsoever, then we would help you achieve anything you want.
  
  Best regards!
- 9 years, 11 months ago hardlynormal
  Participant
  
  Expired
  
  I may not have explained the problem correctly. Sorry.
  
  Here is two screen shots from 27″ monitor:
  
  Here from a laptop:
  
  On mobile everything looks great.
  
  Issue is header images are not responsive for desktop experience on monitors 25″ or more.
  
  How do we change/fix?
  
  FYI, I did change the header image on the home page doubled the resolution. I am leaving there until I hear back from you. My graphics person now thinks I am an idiot! :)
- 9 years, 11 months ago Ruco
  Keymaster
  Hello,
  
  Please try this css code:
  
  @media (min-width: 1101px){ .header_page.centered{height:850px;} }
  
  Best regards!

Viewing 5 reply threads

You must be logged in to reply to this topic.

Community Forums

Header images on large monitors don't view well.

Site Links

Useful Articles

Login