How can a header image be displayed 100%

  • jabedoya60
    Asked on July 28, 2017 at 7:20 PM

    Hi, i placed an image in the header but it does not fill the entire area of the header, there is space all around it, if I make it bigger it will not be centered, please take a look at my page:

    Thank you

    http://amcca.ca/new/my-amc/coupons/mont-tremblant/

     

     

  • Elton Support Team Lead
    Replied on July 29, 2017 at 3:00 AM

    Inject this CSS codes to your form. This should fit the image perfectly in the header.

    .header-logo-left {

        margin-right: 0;

    }

    .form-header-group {

        padding: 0 !important;

        margin: 0 !important;

    }

    .header-text.httac.htvam {

        display: none;

    }

    .header-logo-left {

        margin-right: 0;

        width: 100%;

    }

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    This is how it should look after:

    How can a header image be displayed 100% Image 1 Screenshot 20

  • jabedoya60
    Replied on July 29, 2017 at 9:56 AM

    Thank you that worked very well.