Password page edit

Store Design
, , , ,
1

Hello,

is anyone able to give any help to remove store logo, and also “enter using password” and just keep the lock logo? I also want to remove the blank space between the background image and footer. (For both mobile view annd desktop view) Any help is appreciated thanks!

IMG_0536.jpeg
IMG_0536.jpeg1640×2144 126 KB

2

Hey @Mrlowprofile

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

3

Hello @Moeed ,

the password page I am currently wanting help with is still a draft at this point. This is my store URL https://badmotivess.com

4

Can you enable the password and also publish the draft theme for some time so that I can have a look?

Best,

Moeed

5

Yes I have published now.

6

And the password is

keepup

7

Hey @Mrlowprofile

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find password.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT

Moeed_0-1746340873529.png
Moeed_0-1746340873529.png375×667 161 KB

If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

8

Thank you. Do you have any advise I could do to the image so it does not look distorted?

9

You’re previewing it from the browser, if you preview it from an actual mobile then there won’t be any, you can also adjust the spacing by increasing the height in the code.

Best Regards,

Moeed

10

Thank you ! Is there anything you can recommend me doing to the image so it doesn’t look distorted?

11

It is just the mobile view that the image looks distorted

12

Hello @Mrlowprofile

Welcome to the Shopify Community! Kindly share your store URL and password (if it is password-protected), so that I can review it and provide you with an accurate solution.

13

https://badmotivess.com

password is

keepup

i am just wanting to know now how I’d be able to edit the image so it isn’t distorted on mobile view

thanks

14

Hello @Mrlowprofile

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.header__heading-link .h2 {
color: #000;
}
.header__icon {
color: #000;
}

devcoders_0-1746342514379.png
devcoders_0-1746342514379.png1258×287 64.5 KB

15

Hello @devcoders ,

Is there an image size you can recommend to fit mobile and desktop view without looking distorted?