Having a bit of trouble with vertically centering a child div within its parent. I've been using this mixin:
@mixin vertical-align {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
However, it appears that the "top: 50%" property is not functioning as expected. I suspect this could be due to the parent div's height being set to auto (with only a "min-height: 100%").
Any suggestions on how to resolve this issue?
Thank you in advance!