No image being shown on password page on mobile - Dawn Theme

[emekayode]

URL: https://swampclo.com/password?_fd=0

I have an image which is visible on the desktop version but my password page is just white.

How do I make the desktop image also the image shown on the mobile?

[SomeUsernameHe]

I would search your theme files for "section-image-banner.css" and remove the following code:

@media screen and (max-width: 749px)
.banner__media:first-child {
    display: none;
}

or you can add the following css to the bottom of your base.css:

@media screen and (max-width: 749px)
.banner__media:first-child {
    display: block !Important;
}

[emekayode]

I couldn't find that exact code but I found this code in base.css and removed it but the password page image still doesnt show up 

@media screen and (max-width: 749px) {
  .small-hide {
    display: none !important;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .medium-hide {
    display: none !important;
  }
}

@media screen and (min-width: 990px) {
  .large-up-hide {
    display: none !important;
  }
}

[SomeUsernameHe]

You can put that CSS back in base.css, just at the very bottom add this:

@media screen and (max-width: 749px) {
.banner__media:first-child {
    display: block !Important;
}
}

[webwondersco · Accepted solution]

@emekayode Please add the below line of CSS code at the end of your base.css file.

@media(max-width:749px){
body .banner__media:first-child{
display:block;
}
}

[emekayode]

this worked but is there a reason why the image is not showing up fully its cutting off half and leaving the bottom half white 

[SomeUsernameHe]

That would be a responsiveness issue. The best way is to serve two different images, one for mobile devices and one for desktops.

Since the screens are rotated compared to each other it is hard to fit the same image fullscreen on both devices. 

[webwondersco]

@emekayode Add below CSS to show the banner in full height:

@media(max-width:749px){
body .banner__media{
height:100vh;
}
}

[emekayode]

that worked perfectly, thank you