Password page background not resizing Mobile View - Brooklyn Theme

Store Design
1

Hello,

I am trying to get my password page background to resize properly on mobile view. On a desktop view the background fits nicely, but when viewing from a mobile perspective, a good amount of the background image gets cut off. I would greatly appreciate any help I can get. My website is lostartscollectives.com/password

Thank you

2

Hello [email removed]Lostartsco

To resize the Password page background, add this code to your theme.scss file.

Navigate to online store >> Click edit theme code.

Now find theme.scss and paste the following code

.password-page__wrapper

                    {

                              background-size: 100% 100% !important;

                      }

After adding the CSS you see the changes.

Screenshot_13.png
Screenshot_13.png300×652 109 KB

hope it will be helpful for you.

Thanks

3 
@media only screen and (max-width: 600px) {
.password-page__wrapper {
  display: table;
  height: 100%;
  width: 80% !important;
  background-image: url(//cdn.shopify.com/s/files/1/0585/8063/1715/t/3/assets/password-page-background.jpg?v=11215988686440376737);
  background-size: cover;
  background-repeat: no-repeat;
  color: #ffffff; 
}
}

Add this code in theme.scss.css