Adjusting size of the logo image on mobile view

  • MVReachOut
    Asked on June 6, 2017 at 6:54 PM

    Hi,

    My header image is getting cut off on mobiles - the mobile widget isn't working to fix it and I've tried a few CSS inputs that also don't work. I'd like the image to be complete on mobile devices (full width is fine).

    The rest of the form looks fine on mobile

    Thanks for your time,

    Jenni

  • Mike
    Replied on June 6, 2017 at 10:07 PM

    You may try adding the next CSS to set logo to the 100% width:

    @media only screen and (max-device-width: 550px) {
    .form-all:before {
    background-size: 100% auto;
    top: -65px;
    }
    .form-all {
    margin-top: 65px !important;
    }
    }

    Adjusting size of the logo image on mobile view Image 1 Screenshot 20

    If you need any further assistance, please let us know.