Password page edit

[Mrlowprofile]

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!

 

[Moeed]

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

[Mrlowprofile]

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

[Moeed]

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

Best,

Moeed

[Mrlowprofile]

Yes I have published now.

[Mrlowprofile]

And the password is

keepup

[Moeed · Accepted solution]

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 </body> tag

<style>
.password-header .h2 {
    display: none !important;
}
@media screen and (max-width: 767px) {
.media>img {
    object-fit: fill !important;
}
.banner {
    height: 670px !important;
}
}
</style>

RESULT

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

Best Regards,
Moeed

[Mrlowprofile]

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

[Moeed]

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

[Mrlowprofile]

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

[Mrlowprofile]

It is just the mobile view that the image looks distorted 

[devcoders]

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.

[Mrlowprofile]

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

[devcoders]

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;
}

[Mrlowprofile]

Hello @devcoders,

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