Hi I added the following code, and it seems to have fixed the issue on the main home page on mobile, but the rest of the pages the images still get cut off on mobile if they are full width (both in banner) and any further down on the page. Is there a way to fix it so that all images across my website do not get cut-off on mobile? Thank you!
Website: www.portlandprofessionaldoulas.com
This is the code I added:
@media screen and (max-width:767px) {
.homepage #page section:first-child {
min-height: 30vh !important;
height: 50vh !important;
margin-top: 90px;
}
}