Jump to content

Same page - different views?

Recommended Posts

Hi,

Is it possible to make a page that displays differently in desktop view and mobile view?

In desktop view I'd like my images to scroll landscape horizontally like this: https://smilodon-ocelot-my5f.squarespace.com/lost-america-2

In mobile view I'd like the same page to be the same link in the navigation but display like this: https://smilodon-ocelot-my5f.squarespace.com/lost-america

(essentially it's the same page - but scrolling horizontally through images works better in desktop view - and scrolling vertically looks better in mobile view)

I know people can rotate their phones for landscape scrolling - but people don't tend to do this anymore. Mobile seems to need to work vertically for consumers. And scrolling down through lots of images in desktop view is laborious.

Link to comment
  • Replies 1
  • Views 963
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

There's not a perfect way to do this, but you can create two sections and then use CSS to show/hide each one on desktop/mobile rather than trying to use different pages.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.