portlandprofdoulas

On 7/7/2020 at 8:25 PM, tuanphan said:

above link doesn't have banner..

try this

@media screen and (max-width:767px) {
#page section:first-child {
    min-height: 30vh !important;
    height: 50vh !important;
    margin-top: 90px;
}
}

 

Hi! This code works for fixing the image cropping issue, but while it does that, it makes the text all jumbled up on the resources page. https://portlandprofessionaldoulas.com/resources 

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;
}
}