Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
mikom10

3 images side by side on mobile view

Question

Site URL: http://www.mikomarfori.com

Hey!

I'm trying to update my squarespace site on mobile view. On desktop view, I have these 3 images that look great together side by side.

image.thumb.png.0319a1c22005f6fadfa09f25f45cc459.png

However, on mobile view, these images stack on top of each other and take up the entire screen. Is there a code that I can use that can help maintain the original layout of these 3 images?

Share this post


Link to post

2 answers to this question

Recommended Posts

  • 0
8 hours ago, tuanphan said:

Add to Home > Design > Custom CSS


@media screen and (max-width:767px) {
div#page-5d13d7c4990c4f00014c0845 .span-12 {
.span-4 {
    width: 33.33% !important;
    float: left !important;
}
.span-4 * {
    font-size: 20px !important;
}
}
}

 

Wow, I've been trying to figure this out for so long. Thank you so much!!!

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...