Banner image resizing on mobile, all pages

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?