Move Password Icon on password page from header to body

Technical Q&A
,
1

Hello Shopifiers :wink:

I am currently having some issues with my password Page. I have my password icon on the top right, which i want to move to the middle of my screen (/body) i use “Dawn” layout.

When i try to google anything nothing really explains what to do.

Check my site to see what i mean. www.skepticclo.com

Feel free to let me know how to move it.

Cheers

2

Hello @Denis20

I would like to give you a recommendation to support you.

You can try following the steps below to add the code that moves the icon to the middle of the screen:

  1. Go to Online Store → Theme → Edit code https://prnt.sc/NIubHkOJxV7S
  2. Open your base.css in the Assets folder.
  3. Paste the below code at the end of the file. https://prnt.sc/4weeocWCwHNU
#shopify-section-main-password-header .modal__toggle-open.password-link{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
  1. Save the file and check the page.

I hope my recommendation can work and support for you.

Kind & Best regards,
GemPages Support Team

1 Like
3

Hello GemPages Team

I WORKED! Unbelivable finally!!

Thnak you very much for the quick reply and solution.

Enjoy you day

cheers

Skeptic Team

4

Hello GemPages

I have another question

Is there a way to adjust the size of the password icon on my password page.

i tried to implement “size: 150px” and varous other commands to make the password icon bigger.

Can you help me with that?

Cheer

Denis