The banner image on my website would not resize for mobile. I followed a thread you responded to last year and used the following code in my Custom CSS section:
@media screen and (max-width:640px) {
.homepage .section-background img {
width: 100% !important;
height: auto !important;
}
}
This worked to resize the banner but it created a large white space between the banner and the content under it. So I found another person with this issue and you gave this the following code:
@media screen and (max-width:767px) {
[data-section-id="5e5c9aff118337590dcf052e"] {
min-height: 40vh !important;
}
}
This brought my mobile version back to how it looked originally: the white space disappeared but now the banner does not fit. Can you please take a look?
Thank you!
-----
UPDATED
I followed your thread and this worked for me. Thank you!
@media screen and (max-width:767px) {
.homepage section:first-child {
min-height: 30vh !important;
}
}