Remove 'Enter using password' link from password page on atlantic theme

[pfarrington]

Hi,

I would like to remove/hide the 'Enter using password' link from the top right hand corner of our password page. We are using the atlantic theme, can anyone help please?

Thanks,

Polly

[Hank]

Hi, @pfarrington,

Hank here from Shopify.

This is possible through some editing to the theme code, however, it would limit how you can access your store while the password page is enabled. 

You would no longer be able to log in from the front end of your website, or if you opened your website using Incognito mode. This would not change your access via your admin though.

Now as you mentioned you are using a third-party theme in Atlantic, you would need to reach out to them to query if this could be done via the theme coding. I have their support page for you here.

Hopefully, someone with more technical skills in the community will come across this and be able to add some value to you here, but if not, another option would be to reach out to one of our Shopify Experts, who you can hire to do almost any custom work on your store.

If you were to reach out to them about this query, they would be able to resolve this issue for you.

I will also move your post to the design page, where more appropriate developers would be viewing the page and may come across your post also.

All the best,

Hank

[mchudson]

Hi there,

I'm using the Dawn theme and removed the 'enter password' line but realise now that I do actually need it. I can't remember what I did to change it/remove it! are you able to advise on how to put it back? Thank you 

[Jasoliya]

send your store url will check

best regard 

[KristiinaOOD]

Hey,

I'm trying to remove the "enter using password" block from my page when using my site for "coming soon" campaign. I'm using Baseline theme. Could you maybe help?

[Celebritips]

Hi there,

I'm using the Origin theme and want to remove the 'enter password' line. Are you able to advise on how to make it happen? Thank you 

[jessychung]

Hi @Hank 

How do I remove the store name and the lock icon in the header, as seen below? I've successfully removed the Enter Using Password text/link. 

Thanks, 

Jessy Chung

[Ivy]

Hi there, @jessychung  - I am hopping in here to give Hank a hand, I'd love to help you with your query!

Can you share with me a screenshot or link of what exactly you're referring to please? Thanks, looking forward to your reply 

[jessychung]

Hi,

I was able to resolve the issue.

Thanks!

[Jasoliya]

Hi @pfarrington 

Send your store url will send you possible solution.

Best regard 

[pfarrington]

Thank you! weareyouandme.myshopify.com

[Jasoliya]

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.admin-login-modal{    display: none;}

[pfarrington]

Thank you! Worked perfectly

[Hank]

That is great to hear that, @Jasoliya's suggestion worked for you!

Be sure to accept that as a solution so that you can help future Community members with this query, as well as recognizing the assistance provided.

[MxW]

@Jasoliya thumbs up! This is the right Solution to the question. I wanted to do something similar - only remove 'Enter Using Password' text, keep the lock icon though, which I think is a smarter approach, so that the admin can login to the store quickly & from the front-end.

I did that by changing the font-size multiple from 0.8 to 0.0 in the code below in my Brooklyn theme's theme.scss.liquid asset.

.password-login {
  @include accentFontStack;
  font-size: em(0.0 * $baseFontSize);
  line-height: 0.8 * $baseFontSize;

[Maria90]

in sections folder, go to "Password-template.liquid"

delete the following code

<a href="#">&#8226; {{ 'general.password_page.login_form_heading' | t }} &#8226;</a>

worked for me in Turbo theme

[mini-muslim-me]

In layout section go to ''password.liquid'' folder, then search for ''password-login''.

You should see a line like this: 

<div class="password-login">
<a href="#LoginModal" class="js-modal-open-login-modal link--action btn btn--secondary" aria-haspopup="dialog">
{{ 'general.password_page.password_link' | t }} <span aria-hidden="true">&rarr;</span>
</a>
</div>

<!---
-->

Insert a comment between the line and save.

You should have this result:

<!---

<div class="password-login">
<a href="#LoginModal" class="js-modal-open-login-modal link--action btn btn--secondary" aria-haspopup="dialog">
{{ 'general.password_page.password_link' | t }} <span aria-hidden="true">&rarr;</span>
</a>
</div>

-->

Then save and refresh you e-commerce page

[gusss]

Thank you, worked for me