-
-
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.
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
-
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!
-
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?
-
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!
-
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! :)
-
Hello,
Please try this css code:
@media (min-width: 1101px){ .header_page.centered{height:850px;} }
Best regards!
-
You must be logged in to reply to this topic.