Hello,
1) You did not follow the described steps. I’ve done them on your site, please check now – http://prntscr.com/r8cv95 > http://prntscr.com/r8cvdq
2) There is not a possibility to achieve exactly the described result, but you can add this code in Global custom CSS area:
@media only screen and (max-width: 768px) {
.portfolio-image .zoom {
visibility: visible;
opacity: 1;
}
.portfolio-image .zoom a:first-child span:before,
.portfolio-image .zoom a:first-child span:before,
.portfolio-image .zoom a:first-child span:before {
margin-top: 50%;
margin-left: 0px;
}
}
Regards