How to move "enter using password" so it appears on the right

Store Design
, ,
1

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

Screen Shot 2025-01-31 at 11.24.23 am.png
Screen Shot 2025-01-31 at 11.24.23 am.png1802×778 173 KB

2

@DD2024

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.

3

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.

4

@DD2024

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.

5

That worked perfectly thankyou so much!