Utilizing CSS transitions, I've successfully managed to make divs move, but unfortunately, this functionality does not work on Android devices.
When the div is set to position:fixed, it remains static without any movement.
Here is the original code snippet for the div:
header {
position: fixed;
display: block;
top: 0;
left: 0;
height: 50px;
width: 100%;
z-index: 4;
float: left;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
}
This is the class that I add to initiate the movement:
.show-left-menu {
transform: translate(79%, 0);
-ms-transform: translate(79%, 0);
-webkit-transform: translate(79%, 0);
}
Switching to position:relative allows the movement to work, but since it's a sticky header, it must be fixed.