How can I centre the logo on the password page

Store Design
,
1

I’m using the dawn theme for shopify and I want the logo to be centred like how it is on mobile

www.blerriot.com/password

email.PNG
email.PNG1912×991 53.4 KB

1 Like
2

Hi @rene94

Check this one.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”.

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “Assets” folder, click on “section-password.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.password-header {
    display: grid;
    grid-template-columns: 1fr;
}

And Save.

Result:

Made4uoRibe_0-1713127883188.png
Made4uoRibe_0-1713127883188.png1872×608 13.2 KB

If its not working add !important

.password-header {
    display: grid;
    grid-template-columns: 1fr !important;
}

And Save.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

3

@rene94 , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
@media (min-width: 750px){
[id*='password'] .password-header{
    display: flex !important;
}
}

diego_ezfy_0-1713135117109.png
diego_ezfy_0-1713135117109.png1565×740 8.62 KB

If it helps you please click on the “like” button and mark this answer as a solution!

Thank you.

Kind regards,
Diego

4

This is Noah from PageFly - Shopify Page Builder App

Hi @rene94 please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

5

Hello @rene94 ,

I understand you are looking to change the position of your logo in the password page.

Please add the below mentioned code at the bottom of the theme.liquid file before tag and save.

.password-header {
display: flex;
}

Output =>

Anshul_arora_0-1713176499411.png
Anshul_arora_0-1713176499411.png1586×781 42.8 KB

I hope the code helps you.

Please share if you have any query.

Thank you.

6

Hi it didn’t work unfortunately