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

pfarrington
New Member
4 0 0

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

Replies 10 (10)
Hank
Shopify Staff
1094 128 173

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

Hank | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

Jasoliya
Shopify Expert
4382 574 1103

Hi @pfarrington 

Send your store url will send you possible solution.

Best regard 

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
pfarrington
New Member
4 0 0
Thank you! weareyouandme.myshopify.com
Jasoliya
Shopify Expert
4382 574 1103

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

.admin-login-modal{    display: none;}
Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
pfarrington
New Member
4 0 0
Hank
Shopify Staff
1094 128 173

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.

Hank | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

MxW
Tourist
8 0 0

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
New Member
2 0 1

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
New Member
4 0 0

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