How can I center the logo on my password page in Dawn?

Store Design
1

Hello @ZestardTech

I need to centre the logo on the password page. I’ve tried to copy codes given to people who had the same issues as myself but it didn’t work.

https://girlsxkicks.com/password

Under assets I have ‘theme-editor.js’

Under layout I have 'password.liquid and ‘theme.liquid’

Any help would be greatly appreciated.

Thanks,

1 Like
2

Hi @GXK ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-password.css->paste below code at the bottom of the file:
@media (min-width: 750px) {
.password-header {
    grid-template-columns: auto 1fr !important;
    padding-left: calc(50% - 250px);
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

3

@GXK

@media only screen and (min-width: 750px){
.password-header {
    display: flex !important;
}
}

Add this code in the bottom of the section-password.css.

1. Go to Online Store->Theme->Edit code
2. Asset->/section-password.css->paste below code at the bottom of the file:

Thank you

2 Likes
4

Thank you so much!

@Zworthkey OK I have worked out how to move the login prompt on the password page. I now need to move the padlock icon. Is there a way to do this?

5

Thank you!

6

@GXK
What icon you want to move and where?

Share screenshot.

7

@Zworthkey the padlock icon under the logo. I want to move it completely.

Screenshot 2022-04-18 at 14.35.35.png
Screenshot 2022-04-18 at 14.35.35.png1222×266 48.5 KB

8

Hello,

Did you see the screenshot?

9

I too am trying to move the padlock icon to the right did you get a solution can anyone help me?

10

Thank you very much for the suggestion. It worked very well!