Jump to content

Reordering Blocks for Mobile

Go to solution Solved by Susana_SQSP,

Recommended Posts

On 5/26/2022 at 10:11 PM, IwanJ said:

Hi @tuanphan I really really need help with this too! 

On my contact page I have 2 maps each with their own text section. For mobile, I need the order to be Text Section then map (Jozi), Text Section then map (Cape Town)

Please can you help??

https://deep-learning-cafe.squarespace.com/contact

password: password123

You need to recreate layout a bit, then we can use code to achieve this

First, add a Line Block here

Then remove Line Block

Then let me know, we will give the code

line-block.thumb.png.6e0d53613d89f7054972fe1a70215fc0.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
On 5/29/2022 at 6:05 PM, IwanJ said:

Hi @tuanphan, thank you, I had to add 2 line blocks next to each other as this section has two halves.

As per attached I added 2 line blocks on the same horizontal, then I deleted them.

Is that right?

Capture14.PNG

Add 1 Block only, not 2.I sent a video

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
  • 2 weeks later...
6 hours ago, CSFit said:

Help! Newby looking for some of that @tuanphan magic.😁

https://thecsfit.com/

Mobile view has the "Learn More" buttons found in Section 2 all out of order. 

Any help would be greatly appreciated. 

Hi,

Try dragging Button 1 below Text 1 so that it appears a black line, width of line = width of heading text block.
Do similar for Button 2, Text 2, Button 3, Text 3...

Then check again on mobile

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
9 hours ago, tuanphan said:

Hi,

Try dragging Button 1 below Text 1 so that it appears a black line, width of line = width of heading text block.
Do similar for Button 2, Text 2, Button 3, Text 3...

Then check again on mobile

You are simply amazing. 

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

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.