adjust 'enter using password' text positioning on desktop only

[visualess]

Hi,

I’d like to move the ‘enter using password’ text a little further down on desktop but keep in the same position as it currently is on mobile. Is this possible?

www.4qs.uk

kstop

[GTLOfficial]

Hello @visualess

Go to online store ----> themes ----> actions ----> edit code---->base.css
add this code at the end of the file.

@media screen and (min-width: 750px) {
#shopify-section-main-password-header .modal__toggle-open.password-link {
top: 80%;
}
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[niraj_patel]

Hello @visualess

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

@media only screen and (min-width: 990px) { #shopify-section-main-password-header .modal__toggle-open.password-link { top: 78% !important; } }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[Made4uo-Ribe]

Hi @visualess

Check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media only screen and (min-width: 749px){
#shopify-section-main-password-header .modal__toggle-open.password-link {
  position: fixed;
  top: 90%;
}
}

And Save.

result:

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

[visualess]

Thanks!!!

[solami]

hey could you please help me too I have a similar problem pleaseee

[Made4uo-Ribe]

Hi @solami

Please, share your store URL. Thanks!