Home / Topics / Download Manager Free / Layout Issue in reCaptcha Lock on Phone

Layout Issue in reCaptcha Lock on Phone

Viewing 7 posts - 1 through 7 (of 7 total)
Apr 17, 2020 at 3:42 pm #126117

Mahmoud Nasser
Member

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.

Apr 17, 2020 at 6:56 pm #126134

Nayeem Riddhi
Moderator

Hi,

Please give your related site page or link for the checking.

Thanks.

Apr 18, 2020 at 1:47 am #126191

Mahmoud Nasser
Member

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.

Apr 19, 2020 at 6:13 am #126236

Nayeem Riddhi
Moderator

Hi,

I have checked it. It looks like this form,

img

Thanks.

Apr 19, 2020 at 10:40 am #126244

Mahmoud Nasser
Member

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.

Apr 19, 2020 at 10:57 am #126247

Nayeem Riddhi
Moderator

For the icon alignment adjustments, it needs some responsive design adjustments, I shall give the solution very soon.

Thanks.

Apr 19, 2020 at 7:38 pm #126263

Nayeem Riddhi
Moderator

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.

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Layout Issue in reCaptcha Lock on Phone’ is closed to new replies.