Hi guys I’m enjoying a lot customizing your theme according to my poor knowledge of CSS but I still have an issue. I know there were a lot of discussions going on about that, but even if I had a look at all of them (I think) I’m still fighting with the size of the header image in Illdy. I tried to load images at the exact size suggested in the theme, I tried to load images higher than suggested and crop them with the tool in the theme but nothinh happens. The preview in the theme customization page is perfect but once online the image is huge.
Is the image on the site too large or small? What exactly is the issue with the image?
Could you please provide a link to your website so that I can inspect it?
the image is way too large. the image I loaded is 1920x533 as requested and I tried also to upload a 1920x900 more or less and crop it with the tool inside the theme but the final result is the same and it is an image which is tooo big.
that’s the site I’m working on www.appartamenti-manaigo.com
no no i’d love the image would fit the screen (as I think it was intended at the beginning). the size is correct according to your indications in the blog customizer. i just need it takes the picture as it is and put it in the theme fitting the screen
You cant avoid this, its impossible, one image will look different in different device screen sizes, to test this, assign one image and then test it on your pc screen, then change screen resolution of your screen and test again, you will see this is depending on the screen size of your device, image is trying to cover entire screen as much as possible, so, finding ideal image that will fit for all screens on all devices it simply impossible
I understand but which is the solution in your opinion? The theme is suggesting the optimal size for the theme. I’m using this resolution but it is not working well. I can understand that this image won’t be the same on my cell phone but I’d love to make it work at least on the website.
The “contain” option could be a good solution but in this case I’d need some additional infos:
OPTION 1) how should i eliminate the white gap i have on top in order to have the menu on the image and, eventually, move the title?
OPTION 2) how should I change the color of the menu?
You should use Cover option, contain option is even worse than cover,
talking is not only about desktop devices or mobile devices, you will have differences even on desktop devices, take our demo and test it, you can also test our demo image, you will have exact same behavior
Bkly sorry, but that’s not depending on us how i said one image can not be used universally for all kind of devices
So, is everything acceptable right now?