Hide Padlock On Password Page

Store Design
, , , , , , ,
1

Hello!

I want to hide the padlock on the right of the header on the password page.

I still want to be able to click on it and enter my store, but I want it to be invisible so that the visitors don’t see it.

For some reason there isn’t an option to change the color without coding.

Padlock:

Captura de pantalla 2024-11-28 a las 20.17.04.png
Captura de pantalla 2024-11-28 a las 20.17.04.png230×272 1.58 KB

My website is www.truepodium.com and my theme is Stiletto.

Thanks in advance!!!

2

Hey, follow these steps:

  • Log in to your Shopify Admin

  • Go to Online Store:
    In the left-hand menu, click Online Store.

  • Access Themes:
    Under the Themes section, find the theme you’re currently using, then click Actions and select Edit Code.

  • Open the CSS File:

    • On the left-hand side under Assets, look for a file named theme.scss.liquid, styles.css.liquid, or something similar (it may vary depending on your theme).
    • Click on the file to open it.

  • Add the CSS:

    • Scroll to the bottom of the file.

    • Paste the following code at the very bottom:

.icon-padlock {
  opacity: 0;
}

  • Save the Changes:
    After adding the code, click Save in the top-right corner of the code editor.

  • Check Your Store:
    Go to your store’s front end to make sure the padlock icon is hidden (opacity 0).

Remember to like this and mark it as a solution if it solves your problem!

1 Like
3

It worked! Thank you!

1 Like
4

No problem at all! Feel free to reach out if you need help with anything else.

Have an awesome day! :smiley: