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

Solved

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

DD2024
Tourist
18 0 2

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

Accepted Solution (1)
ChiragPatel2911
Shopify Partner
49 7 5

This is an accepted solution.

@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.

Best Regards,
Chirag Patel (COO - Cirkle Studio PVT LTD)
chirag@cirklestudio.co

View solution in original post

Replies 4 (4)

ChiragPatel2911
Shopify Partner
49 7 5

@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.

 

Best Regards,
Chirag Patel (COO - Cirkle Studio PVT LTD)
chirag@cirklestudio.co
DD2024
Tourist
18 0 2

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.

ChiragPatel2911
Shopify Partner
49 7 5

This is an accepted solution.

@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.

Best Regards,
Chirag Patel (COO - Cirkle Studio PVT LTD)
chirag@cirklestudio.co
DD2024
Tourist
18 0 2

That worked perfectly thankyou so much!