A user wanted to hide the “Enter Password” button on their Shopify password page to repurpose it as an email collection page for both mobile and desktop views.
Initial Solution:
A community member first suggested adding CSS code to the theme.liquid file above the </body> tag, but this approach didn’t work.
Working Solution:
The issue was resolved by adding custom CSS directly to the password template:
password-modal {
display: none !important;
}
Follow-up Request:
The user then asked how to center their logo on the desktop version of the password page (it was already centered on mobile but aligned left on desktop).
Additional Fix:
This was addressed by adding:
.password-header {
display: flex !important;
}
Both customizations were successfully implemented, with the user confirming the solutions worked.
Hello, I want to hide the "enter password " button on my password page for both mobile and desktop views. This is because I’ve decided to use the password page as an email collection page instead. I’ve included pictures of both views for reference.
URL: Billon.Maison
Hey @MaisonBillonDon
Follow these Steps:
Go to Online Store
Edit Code
Find theme.liquid file
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
That did not work unfortunately.
Can you add this code in the Shopify Custom CSS in password template, it should be good then.
password-modal {
display: none !important;
}
Best Regards,
Moeed
Do I need to add both codes from your first response and this response? Or just this last one
Just the last one and it should be good and looks like you already did it! 
Best Regards,
Moeed
Yup it worked thank you! 
I have another question. How can I center my Logo on the desktop version of the password page ? The theme editor itself doesn’t seem to allow me to do this. The mobile view already has the logo centered but it on the desktop view its all the way to the left.
Hey @MaisonBillonDon
Add this code below the code you added.
.password-header {
display: flex !important;
}
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
