Hide Image On Password Page On Mobile Only

Store Design
1

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.

2

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

1 Like
3

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 :slightly_smiling_face:

4

@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;}
}
1 Like
5

That worked perfectly… thank you buddy :slightly_smiling_face: