Viewing website in browser on mobile device then a message pops-up

2

you can do it with CSS

in this example the message is hidden through CSS with the style “display"none”.

this class will be visibile only in portrait view via MediaQuery ( the code below, in the symbol )

<style>
.portrait{ display: none !important; }

@media only screen 
and (orientation : portrait)  {
.portrait{ display: block !important; }
}
</style>

BTW: you must publish the example or use Hype Reflect.

portrait_alert.hype.zip (110.6 KB)

1 Like