remove Shopify logo from password page

Shopify Discussion

Topic summary

A user seeks to remove the Shopify logo from their password-protected page while keeping the password entry field, specifically on the Prestige theme.

Initial Solution Provided:

  • Navigate to Shopify admin → Online Store → Themes → Actions → Edit code
  • Locate the CSS file (base.css, style.css, or theme.css) in the Assets folder
  • Add CSS code to hide the password footer:
@media screen and only (max-width: 996px) {
  .password__footer {
    display: none;
  }
}

Issue Encountered:
The mobile-only solution created a large gap on desktop views.

Updated Solutions:

  1. Remove the media query wrapper to apply the CSS globally across all devices
  2. Alternative method for Prestige theme: Edit password.liquid (or main-password.liquid) at line 111, find and delete the line: {% render 'icon' with 'shopify-logo' %}

Both approaches successfully hide the Shopify branding from the password page.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.
1

can someone help me remove the Shopify logo and still keep the lock where I can enter the password , Im using prestige theme.

IMG_3606.jpeg
IMG_3606.jpeg1284×2209 51.7 KB

1 Like
2

Hi @rodolfoq

Would you mind to share your Store URL website? with password if its protected. Thanks!

3

southernhillclothing@gmail.com

pw:Southernhill23

1 Like
4

Thank you for the informatin. Just clarification its only for the mobile right? Not in the Ipads and desktop.

Try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
@media only screen and (max-width: 699px) {
.password__footer {
    display: none;
}
}
  • i hope it help.
  • Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
5

and desktop

1 Like
6

now it has a big gap

IMG_3607.png
IMG_3607.png1284×2778 117 KB

1 Like
7

Its same code, just dont include the media query.

Like this. Same instruction.

.password__footer {
    display: none;
}
1 Like
8

Solution for the Prestige theme or other paid themes:

  1. Go to your Theme → Edit code.
  2. Find password.liquid and go to line 111, or search for:
    {%- render ‘icon’ with ‘shopify-logo’ -%}.
    Remove this line and save the changes.

If you don’t have password.liquid, search for main-password.liquid instead.