Keeping horizontal layout on mobile (7.0 & 7.1 CE) - Image Block Card

All CSS tricks7.07.17.1 CEMobile design
Written By Beatriz Caraballo

About

Depending on how you’re using Card Image Blocks, you may be looking into how to keep the content and the image in a horizontal layout at all times.

If that’s the case, this code snippet is for you! With a quick copy/paste you’ll be able to maintain everything side-by-side even on smaller devices, and control the width each part should have.

  • This particular snippet is compatible with:

    • Image Block Card layout

    • Squarespace 7.0

    • Squarespace 7.1 (Classic Editor section)

Beatriz Caraballo

Hey! I’m B, a customization expert.

I code the heck out of Squarespace and teach other designers how to do it too, one wtf at a time.

https://beatrizcaraballo.com
Previous

Corner button design (7.0 & 7.1 CE) - Image Block Poster
Next

Custom font for title (7.0 & 7.1 CE) - Image Block Card