- This topic has 6 replies, 2 voices, and was last updated 5 years, 10 months ago by
.
There is an issue of the Modal Lock view when trying to download a file.
The modal view that pops up is aligned top the top-left view on the phone. This can be reproduced in a resized window, in order to get a minimal width on the desktop site.
I cannot seem to make it horizontally centered and with some margin from the top/(or better, vertically-centered). The modal icon of the download is cut of too.
Hi,
Please give your related site page or link for the checking.
Thanks.
I rather not put it out the website I am working on, but I could reproduce it on the demo-site:
https://demo.wpdownloadmanager.com/wpdmpro/wpdm-package/recaptcha-enabled-dowload
When you press download on the page above, it will be a clean and good layout from desktop with normal-size window.
But sqeeze your window to minimum width, or try to use it from a phone and this will happen.
Hi,
I have checked it. It looks like this form,
Thanks.
Hi again,
Yes, that can’t be intended and correct layout, right?
The icon is “cropped” from the top, and it is left aligned.
Can I do something about this? And/or will the dev team solve this in an update?
Thanks in advance.
For the icon alignment adjustments, it needs some responsive design adjustments, I shall give the solution very soon.
Thanks.
Hi,
Please put this below code in download-manager\assets\css front.css, it should work then
@media only screen and (max-width: 600px) {
.w3eden .modal.show .modal-dialog {
width: auto !important;
margin-top: 50% !important;
} }Thanks.
The topic "Layout Issue in reCaptcha Lock on Phone" is closed to new replies.