Jump to content

swap block order in mobile view

Go to solution Solved by brandon,

Recommended Posts

On 6/30/2021 at 8:45 PM, Keltie said:

Hi! I hope this is the right place to share my question - I think it relates to this feed. Is there a way to get the mobile view for my site to show up the same as on desktop?

So, Image #1, Text #1, Button #1, Image #2, Text #2, Button #2...etc?

Right now all images are stacking together, then all text, then all buttons.

I've attached images of what I want (but in mobile view) vs. what I'm getting. 

@tuanphan - it sees like you may be able to help?

Desktop layout.png

Mobile view 1.png

Mobile View #2.png

Can you share link to page in screenshot?

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

Hi, please help.

 

I have a similar issue from my website as well.

Website URL: https://www.coachcourtney.net/

From the Footer, the social media icons are arranged this way:

image.thumb.png.a2b804862ff7038f87e092459cf7cd3d.png

But on the mobile version, the icons looked like this:

image.png.56ceac03af193251efdbea59c4b53512.png

Is there any way for the social media icons from the mobile version arranged just like from the dekstop version? Like this way, I think?

image.png.79567eadeb576a99c8c845a896eb36f7.png

Also, it is possible to align the icons from the desktop version in the text below? And align the right section as well?

image.thumb.png.a3f06b29835ba40709f2119b0d306e9a.png

For the mobile version, is it possible to move the texts to the center? image.png.06d021f7cea1a093b1f322615d22f26d.png

 

Thank you. I hope you'll be able to read my comment though.

Link to comment
On 9/11/2021 at 8:08 AM, shandyyym said:

Hi, please help.

 

I have a similar issue from my website as well.

Website URL: https://www.coachcourtney.net/

From the Footer, the social media icons are arranged this way:

image.thumb.png.a2b804862ff7038f87e092459cf7cd3d.png

But on the mobile version, the icons looked like this:

image.png.56ceac03af193251efdbea59c4b53512.png

Is there any way for the social media icons from the mobile version arranged just like from the dekstop version? Like this way, I think?

image.png.79567eadeb576a99c8c845a896eb36f7.png

Also, it is possible to align the icons from the desktop version in the text below? And align the right section as well?

image.thumb.png.a3f06b29835ba40709f2119b0d306e9a.png

For the mobile version, is it possible to move the texts to the center? image.png.06d021f7cea1a093b1f322615d22f26d.png

 

Thank you. I hope you'll be able to read my comment though.

Strange. I remember I answered your question yesterday.

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

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.