Adjusting size of the logo image on mobile view

  • Profile Image
    MVReachOut
    Asked on June 06, 2017 at 06: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

  • Profile Image
    Mike
    Answered on June 06, 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;
    }
    }

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