@media screen and (min-width: 200px) and (max-width: 767px) and (orientation: landscape) {
html {
transform: rotate(-90deg);
transform-origin: left top;
width: 100vh;
overflow-x: hidden;
position: absolute;
}
}
@media screen and (min-width: 200px) and (max-width: 767px){
.sticky {
top: 0px;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.9);
-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.9);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.9);
right: 0px;
position: fixed;
width: 50%;
z-index: 1;
background-color: black;
border: 1px solid white;
text-align: center;
padding-right:24.5%;
padding-left:24.5%;
}}
0 comments: