It functions properly on desktop and android, but is not working correctly on mobile devices?
The CSS code used is as follows:
display:block;
position:absolute;
bottom:0px;
width:94%;
padding:15px 3% 0px 3%;
height:185px;
z-index:10;
background-color:#ffffff;
border-top: 1px solid #c9cfdd;
margin:0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition-duration: .25s;
transition-duration: .25s;
The div is not contained within a wrapper and overlaps the content. On iPhone, it appears to be positioned about 50px above the bottom?
EDIT:
Using position: fixed resolves the issue, but why does position:absolute not work? I require position:absolute for other functionalities...