I am currently working on transferring an old website I made back in 2011 with Rapidweaver to Blocs. The client would like to keep the overall layout of the old website.
So far I am happy with the result In desktop and tablet view but phone view (767 px and below) is giving me headaches.
In portrait it is looking okayish.
I prefer the version where the background image is set to right bottom to the version where the image is set to fill.
In landscape though it is the other way round.
The version with the background aligned to right bottom looks downright silly.
Here the version with the image set to fill, is way better.
How would you go ahead?
- Is there, maybe, a way to assign different background images for portrait and landscape?
- Another issue, is there a way to assign an even smaller image size for the logo, when in landscape view? Currently I limited the size to 400px. Which means pretty much full width in portrait and about half width in landscape. I would like to have it even smaller in landscape, so you don’t have to scroll.
I am a bit stuck here and would need a push in the right direction.