Is it possible to make the header image as well as the header font to scale in hight not in width – so it doesn't get cropped? Same for Parallax Images – I want them to scale in width with automatic height so they don't get cropped on mobile devices.
Regarding the hero image I think it's a matter of cropping the image in the current viewport while preserving the original aspect ratio. This article visually explains the process
Yes exactly – they get cut on the sides if the word oder headline is to long and doesn't jump into two lines.
For example, two long words like "musical entertainment" would on a phone maybe only be shown as "usical entertainme" but it would work in two lines as well. Or the whole headline could just scale smaller on a phone so it's still in one line.
Is it possible to make the header image as well as the header font to scale in hight not in width – so it doesn't get cropped? Same for Parallax Images – I want them to scale in width with automatic height so they don't get cropped on mobile devices.
Attached files: Bildschirmfoto 2024-08-21 um 15.47.37.png
Bildschirmfoto 2024-08-21 um 15.48.47.png
Hello Luca,
Regarding the hero image I think it's a matter of cropping the image in the current viewport while preserving the original aspect ratio. This article visually explains the process
https://clapat.ticksy.com/article/7379
That's why we advise to keep the point of interest of the image close to the center.
We don't really understand what's wrong with the fonts though - they are getting cut on certain screen resolutions?
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Yes exactly – they get cut on the sides if the word oder headline is to long and doesn't jump into two lines.
For example, two long words like "musical entertainment" would on a phone maybe only be shown as "usical entertainme" but it would work in two lines as well. Or the whole headline could just scale smaller on a phone so it's still in one line.
Thank you :D
Ok, but can you send us a page / home page URL so we can inspect it?
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Hello Luca,
Our small team had a one week vacation, we appreciate your understanding.
So the fact is where does this cropping of the hero title happens?
I checked on my Android mobile and in Chrome's device emulator they look fine to me both in the overlapping grid and the individual portfolio page
https://prnt.sc/ER7DIsEEoxNL
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy