Hide Image On Password Page On Mobile Only

[Justin34]

Hi Everyone....

I will be soon password protecting my site for one week while I do updates and prepare for my fundraising kickoff in early May. When I go to online store... customize... then open dropdown in the middle of the top of the page, scroll down to the bottom and click others then click on password page. I have a nice image and it looks great for on my desktop view. But on mobile view, it looks horrible. So I would love to keep the image and banner text on the desktop version but when it comes to mobile version, I just want to keep the banner text. I hope that makes sense. Is there a way to make that happen?

Thank You!

My website is www.PennsylvaniaParks.org. However, you cant really see anything there now since password protect isn't currently active.

[suyash1]

@Justin34 - is it possible to activate password page for sometime?

[Justin34]

Hi Suyash1,

I have password protect on now. I will leave it one for a little bit. Let me know once you see it. Thank you 🙂

[suyash1 · Accepted solution]

@Justin34 - add this css to the very end of your base.css file and check

@media screen and (max-width:749px){
.password .banner .banner__media{display: none; visibility:hidden;}
}

[Justin34]

That worked perfectly... thank you buddy 🙂