Center Logo in Header of Password Protected Page Dawn Theme

[dashawerise]

Hello, I’m trying to move the header logo on the password-protected page to the center. What code do I paste and where?

Dawn theme: https://werise-co.myshopify.com/

Thank you!

[Kinjaldavra]

hello @dashawerise

please Go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file.

.password  .password-header img.password-logo{
    margin: 0 auto;
}

[dashawerise]

Hi @Kinjaldavra ! Thank you so much for responding! The logo is not quite centered. Does something else need to be changed? Thank you!

[JohnFromJotting]

Hi @dashawerise

That’s because that “member” element is taking space,

try the below, you will also need to get rid of that margin code you put.

.password-logo {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

[dashawerise]

Awesome!!! Thank you!! Cheers!

[dashawerise]

Ooops! Now the mobile version is messed up.

How do I fix this? And can I just get rid of the Members/password thing altogether? It seems to be messing everything up and is of no use to me.

Thanks a million!

[JohnFromJotting]

Hi @dashawerise

Replace the above code with this

@media only screen and (min-width: 750px) {
  .password-logo {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
}

[JoMedhurst]

Hi @JohnFromJotting ,

I have the same issue but with the Express theme. On the desktop version the logo is centred. However, on the mobile version it’s floating towards the right of the screen (see screenshot attached).

My website is www.bearberrykitchen.com.

Any advice is greatly appreciated. I tried using the code mentioned above but can’t see ‘Base’ in the ‘Assets’ folder.

Many thanks,

Jo

[npatel43]

Hi,

I hope you can help me, please

How do I centre the logo and the ‘enter password here’ text?

As in, have the logo in the centre and then the text under the logo, still in the centre?

Thanks in advance