How to set different password page backgrounds for mobile and desktop?

Store Design
1

Hello.

I would like to temporarily close my store for the weekend.

I need to help setting two background images for the password page, one for mobile and one for desktop.

My graphic designer will design a “away” sign.

Not sure even where to begin.

URL fxdwld.com

Thank you.

2

@FXDWLD
I don’t get you what can i help you.

3

On the password page I would like to delete everything and just set a custom background using two separate images. One for mobile and one for desktop.

4

ok share your Store url with password page.

5

Thank you.

URL - https://fxdwld.com/password

1 Like
6

Screenshot (63).png
Screenshot (63).png1489×682 30.1 KB

already this is single

7

Screenshot (64).png
Screenshot (64).png197×331 4.83 KB

8

The photo does not fill the page.

I need to change it to a different photo to fill the page.

Please check the website again, I change the photo so you can see the border.

9

yes i can see it.

10

add this code to theme.css

.coming-soon {
    text-align: center;
    width: 100% !important;
}

Thank you.

11

I dont have theme.css

i only have theme.liquid

12 
img.coming-soon-logo {
    max-width: 91%;
    padding-top: 10px;
}

If not work use these.

13

Search theme.scss
Put their

14

Capture.PNG
Capture.PNG240×462 3.77 KB

I don’t have theme.scss

15

Kindly PM me.