Hide Image On Password Page On Mobile Only

Solved

Hide Image On Password Page On Mobile Only

Justin34
Trailblazer
345 0 91

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.

 

 

ALL I THINK ABOUT IS OUR PARKS 🙂
Accepted Solution (1)
suyash1
Shopify Partner
9997 1241 1579

This is an 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;}
}
Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

View solution in original post

Replies 4 (4)

suyash1
Shopify Partner
9997 1241 1579

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

Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Justin34
Trailblazer
345 0 91

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 🙂

ALL I THINK ABOUT IS OUR PARKS 🙂
suyash1
Shopify Partner
9997 1241 1579

This is an 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;}
}
Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Justin34
Trailblazer
345 0 91

That worked perfectly... thank you buddy 🙂

ALL I THINK ABOUT IS OUR PARKS 🙂