Shopify themes, liquid, logos, and UX
Hello,
I would like to move the "enter using password" so that it appears on the right alongside my logo. Does anyone know how to do this? Thanks in advance. my website is moralinstinct.com
Solved! Go to the solution
This is an accepted solution.
You can try this CSS. Add it in your CSS file section-password.css
@media(min-width:750px){
.password-header {
position: relative;
}
password-modal {
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
right: 30px;
}
}
I hope that works for you.
As I can see you add one custom CSS under your base.css file in line number 3611 to 3615 like below
@media (min-width: 750px){
[id*='password'] .password-header{
display: flex !important;
}
}
Comment this CSS and it will be left logo and right enter password like this after remove it.
Screenshot: https://prnt.sc/Oe7I-WIkXVws
I hope that works. Let me know if anything else.
Hi Chirag,
Thankyou so much for your reply. I was hoping to keep the logo in the middle and have the enter password on the right. Is this possible? Thankyou for your help.
This is an accepted solution.
You can try this CSS. Add it in your CSS file section-password.css
@media(min-width:750px){
.password-header {
position: relative;
}
password-modal {
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
right: 30px;
}
}
I hope that works for you.
That worked perfectly thankyou so much!
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025