Dylan991 Posted April 1 Share Posted April 1 Hello, I have a landing page set up on my Squarespace website. It looks good on PC, but when I try to load it on mobile everything is out of order. Is there a way to edit only the mobile version of the site without messing with the way the site looks on PC? https://www.spectrumdesigns.org/aa-month-landing-page Thank you. Link to comment
Solution creedon Posted April 1 Solution Share Posted April 1 (edited) v7.0 sites use a single editor for both desktop and mobile. Your issue is probably due to unintentional nesting of blocks. Notice how the two coming soons are not on a row on their own. They are laid out in a column under the videos. The way columns wrap when viewed on mobile is the ones on the right collapse under columns that precede them. So on desktop you have... column 1 column 2 ...and on mobile you get... column 1 column 2 So you can see with thee layout you have you get an interleaving you probably don't want. To reduce unwanted nesting of blocks I use the technique of using line blocks that span the whole width. Something like the following. Line block block block Line block block block Line block block block Line block Then when everything is laid out the way I want, I remove the line blocks. Let us know how it goes. Edited April 1 by creedon Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
Dylan991 Posted April 1 Author Share Posted April 1 Thank you, this worked. creedon 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment