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

Side-by-side image and text blocks on mobile

Question

Site URL: https://www.joeschlangen.com/draft/brian-w5fwj

Hello! I want to add small icons next to text blocks that correspond with the content of the text block. This works fine when I am viewing on my desktop (see attached image "desktopissue_1.png"), but when I switch to mobile view, it stacks the images (see attached image "mobileissue_1.png) and looks a little silly.

Is there any way to make it so that certain images like the one pictured in my attachments do not stack when switching to mobile view, and instead retain the formatting that I made in the desktop version? Any help would be much appreciated!

Thanks in advance,

Joe

desktopissue_1.png

mobileissue_1.png

Share this post


Link to post

1 answer to this question

Recommended Posts

  • 0

Hi,

Add to Home > Design > Custom CSS

/* Brian page */
@media screen and (max-width:640px) {
/* blue cap image */
div#block-98d90d451f97db6f38b0+.row .span-2 {
    width: 30% !important;
	float: left;
}
div#block-98d90d451f97db6f38b0+.row .span-10 {
    width: 70% !important;
    float: left !important;
}
}

If the code works, please let me know, I will check code for other items.


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

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