Mobile Feature Grid Images

Site URL: https://www.ubalawgroup.com/

Hi can someone help me with this, Im not sure why there are spaces on the logos. 

 

@media screen and (max-width:640px) {

    div#page-section-6155b34dacc88d4daeedda80 .span-1:first-child{
        display: block;
        width: 0% !important;
    }
    div#page-section-6155b34dacc88d4daeedda80 > .row .span-1{
        width: 20% !important;
        display: inline-block;
    }
    div#page-section-6155b34dacc88d4daeedda80 .span-6{
        display: inline-block;
        width: 100% !important;
    }
    div#page-section-6155b34dacc88d4daeedda80 .span-5{
        display: inline-block;
        width: 80% !important;
    }
    div#page-section-6155b34dacc88d4daeedda80 .span-6 .span-2, div#page-section-6155b34dacc88d4daeedda80 .span-2{
        display: inline-block;
        width: 20% !important;
    }
    div#page-section-6155b34dacc88d4daeedda80 .span-6 .span-2 .span-1:last-child{
        display: block;
        width: 0% !important;
    }
    div#page-section-6155b34dacc88d4daeedda80 .span-6 .span-2 .span-1, div#page-section-6155b34dacc88d4daeedda80 .span-2 .span-1 {
        display: inline-block;
        width: 100% !important;
    }

    div#page-section-6155b34dacc88d4daeedda80 .image-block {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
}

39 minutes ago, Graceeeeeee said:

Site URL: https://www.ubalawgroup.com/

Hi can someone help me with this, Im not sure why there are spaces on the logos. 

 

@media screen and (max-width:640px) {

    div#page-section-6155b34dacc88d4daeedda80 .span-1:first-child{
        display: block;
        width: 0% !important;
    }
    div#page-section-6155b34dacc88d4daeedda80 > .row .span-1{
        width: 20% !important;
        display: inline-block;
    }
    div#page-section-6155b34dacc88d4daeedda80 .span-6{
        display: inline-block;
        width: 100% !important;
    }
    div#page-section-6155b34dacc88d4daeedda80 .span-5{
        display: inline-block;
        width: 80% !important;
    }
    div#page-section-6155b34dacc88d4daeedda80 .span-6 .span-2, div#page-section-6155b34dacc88d4daeedda80 .span-2{
        display: inline-block;
        width: 20% !important;
    }
    div#page-section-6155b34dacc88d4daeedda80 .span-6 .span-2 .span-1:last-child{
        display: block;
        width: 0% !important;
    }
    div#page-section-6155b34dacc88d4daeedda80 .span-6 .span-2 .span-1, div#page-section-6155b34dacc88d4daeedda80 .span-2 .span-1 {
        display: inline-block;
        width: 100% !important;
    }

    div#page-section-6155b34dacc88d4daeedda80 .image-block {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
}

Try adding to Home > Design > Custom Css

@media only screen and (max-width: 640px) {
  section[data-section-id="6155b34dacc88d4daeedda80"] .row .span-1:first-child {
    display: none !important;
  }
}

Let me know how it works on your site

My testing