Jump to content

Logo grid display problems on mobile

Recommended Posts

Site URL: https://cnicholson.ca/

Squarespacians, I'm stuck. I know this has been asked before, I know this has been done successfully by so, so many, but I'm sorry, but I just don't quite get it. Could someone walk me through it... slowly? 

I'm trying to achieve the glorious grid wall. A grid of logos that I can easily add to, that displays all at the same small size (ideally about 6 logos across), and, IMPORTANTLY, on mobile, displays in at least 2-3 columns. 

I'm on the new squarespace system.

I've tried using the logo wall component, and it's OKAYish, but looks terrible on mobile - blows up each logo big in a single col.

I've tried now to use an image gallery, and it's also OKAYish, depending on how your screen is sized, and, again, still a big logo in a single col on mobile.

I'm clearly missing a key step. What is it?

This print dinosaur would be ever-so-grateful for your help, 

C

(Ideally it looks like the attached - my site - in browser, and like how Matthew Portch has done it for his Squarespace site in mobile, also attached.) 

Screen Shot 2020-11-11 at 12.31.35 PM.png

IMG_7756.jpg

Link to comment
  • cnicholson changed the title to Logo grid display problems - help, what am I doing wrong?
  • Replies 3
  • Views 781
  • Created
  • Last Reply
  • SpencerC changed the title to Logo grid display problems on mobile
On 11/12/2020 at 11:43 PM, cnicholson said:

Tuanphan, I had it set to the wrong kind of grid, it needed to be "simple" - I think I get it now. If there's a way to do three cols, that would be fab. But this is a much better place I'm in, thanks so much for your help!

 

It seems you solved this?

I see on tablet, FB/Instagram - Line is overlap.

You can add this to Design > Custom CSS to solve

@media screen and (max-width:991px) and (min-width:768px) {
div#block-183b0a390b9c3a8a4625 {
    padding-top: 10px;
}
}

image.thumb.png.0086ec1ed58f1a29c7476f0d6586b312.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.