Enter Password page

Enter Password page

CadentClothing
Tourist
5 0 2

Hi, I was wondering if anyone could help me with what to do about a situation I have with my password page. It's with the dawn theme. On desktop, when I click the lock icon top right, the page doesn't show to put in the password. However on smartphone is shows slightly on the right. Please see pictures for reference. Please let me know if there is a solution to this.

URL- https://cadentclothing.com/password

 

Desktop Password page.PNG

Phone Password Page.PNG

Replies 3 (3)
CadentClothing
Tourist
5 0 2

Yes, this was my thinking except I cannot find where in the CSS or JavaScript this fault would be that would move the positioning of it so much. what other information would you need for me to be more specific?

CadentClothing
Tourist
5 0 2

I don't mind at all, I'm open for any suggestions on how to fix it. Thank you. 

 

CadentClothing
Tourist
5 0 2

I have found the issue in the CSS. I was trying to move the lock icon from left to the right of the screen and I used this code:

password-modal {
position: absolute;
top: 10%;
left: 87%;
transform: translate(-50%, -50%);
}

But in turn it had also moved the "pop up" page.

I hope you could help with this now?

I'd like to keep it on here if it's fine with you just in case anyone else has this issue, if that sounds good to you?