Jump to content

Mobile Feature Grid Images

Recommended Posts

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

image.thumb.png.b552a94d28aa24abd27b6fc4e64da15b.png

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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

image.thumb.png.b552a94d28aa24abd27b6fc4e64da15b.png

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

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

My testing

image.png.70fa4b015bc585db50ec04c500555415.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.