Add opacity to mobile password page + second line of text

[smeilsoe]

Hi everyone,

I have set up a Dawn theme password page as our “coming soon” email sign up landing page. I’ve managed to make a lot of the changes I want to make, but there are few things missing.

1. I have selected that mobile view should display the email information below the picture, because it looks better, but the picture is too bright, and I want to apply a 30% opacity to it, like is seen in the desktop version.

2. I also want to display the second line of text that is present on the desktop version, so that mobile viewers are shown the same amount of info.

https://crossjogger-8038.myshopify.com/

Thanks in advance

[codewiser]

Hello Smeilsoe!

1. Go to Online Store

2. Edit Code

3. Find base.css file

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

@media screen and (max-width: 749px) {
.email-signup-banner:after{display: block !important;opacity: 0.3;}
.email-signup-banner .email-signup-banner__box p{color: #000;}
}

[smeilsoe]

What an absolute legend, thanks so much!

[codewiser]

ThanksSmeilsoe