Banner image resizing on mobile, all pages

I have used code to resize the banner for mobile on the homepage but how do I apply it to the banners on all of the other pages? Also, how do you get rid of the white space under the banner on mobile once you have resized it?

Hi. can you share link to your site? We can help easier

Hi tuanphan 

I'm having the same issue. I would love for all my banner images to resize for mobile.

http://www.sofi-santos.com

Thanks!

On 3/30/2021 at 7:24 AM, daria said:

Hi @tuanphan I'm actually in the same boat. Looked at some of your other threads and used your code to get my home page image to resize on mobile.

This was the code I used:

@media screen and (max-width:640px) {
.homepage .section-background img {
    width: 100% !important;
    height: auto !important;
}
}

But I still have the large grey blank space below it on mobile before the page content starts. (I have a weird floating Enter button I used an image for that is pretty janky, but that's a different issue). Here is my landing page...

https://www.rando.report/

I'd also love to have the banner images from all my other pages work the same way (resize and remove blank space underneath on mobile) For example, this page...

https://www.rando.report/subjects

Any chance this would be an easy fix?

Thank you so much for any help or insight,

-daria

Hi. It looks fine here. Do you still need help?