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

Image block (icons) are stacking on top of text blocks on mobile view


Question

3 answers to this question

Recommended Posts

  • 1
4 hours ago, angelchewie said:

Site URL: https://angelicadesign.co/

Hi guys! Desperately trying to figure out how to code the icon image blocks to sit on the left of the text blocks on mobile view (instead of stacking). Send HALP! Thanks in advance 🤖

Screen Shot 2021-06-03 at 11.34.34 PM.png

Screen Shot 2021-06-03 at 11.34.49 PM.png

try

@media only screen and (max-width: 600px) {
  #new-page .span-3 {
    display: flex;
    flex-wrap: nowrap;
  }
  #new-page .span-3 .sqs-block-image {
    width: 20% !important;
  }
}

 

Greeting, it's BaNgan from 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, Portfolio hover Replace Link Style
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
  • 0
On 6/4/2021 at 8:01 AM, angelchewie said:

You're amazing thank you so much!!! I've been stuck on this for 4 hours!!!

Do you need help with these issues?

Site URL – https://angelicadesign.co/

1. (Mobil-Header) Make header transparent, same as desktop:?

angelicadesign.co-01-min.png

2. (Mobile-Footer) Align center?

angelicadesign.co-02-min.png

3. (Tablet-Homepage)

angelicadesign.co-03-min.png

4. (Tablet-Services) Increase content width?

angelicadesign.co-04-min.png

5. (Tablet-Services) Change to 2 items/row?

angelicadesign.co-05-min.png

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