We have a project in which we cannot display the designs in landscape mode because of its very less height. Our designs in this project need the user to hold the phone in portrait mode. Can we show some sort of a screen overlay to users when the user rotates the phone to landscape mode? When the user returns back to portrait mode the overlay must go away and the scene must display normally.
We have about 12 scenes in the project which need to have this behavior. All our design break in landscape mode because of limited height and it is important for us to inform the user that the site is optimized for portrait mode and that he/she should rotate to portrait mode.
Can someone please write the code in a hype project so we can implement it? This is urgent as we need to deliver the project on a tight deadline. Thanks in advance.