@media only screen and (orientation: portrait) { .container { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } @media only screen and (orientation:landscape) { .container_portrait_from_right__to_left { height: 100vh; width: 100vh; /*overflow-x: auto;*/ position: absolute; top: 100%; right: 0; transform-origin: 100% 0vh 0; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); } .wp-site-blocks{ height: 100vh; width: 100vh; /*overflow-x: auto;*/ position: absolute; top: 0; left: 0; /*transform-origin: 0vh100% 0;*/ transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); } }