Jump to content

Using a separate home page for mobile devices

Go to solution Solved by tuanphan,

Recommended Posts

I'm looking to use a separate home page for mobile devices. My about page and contact page adjust fine to mobile, however I have too many photos for my homepage view which is causing the mobile view to be too long to scroll through. I have a mobile home page built out but just not sure how to redirect mobile devices to use that page instead. My mobile URL page is the exact same URL but instead of /home it is /home-1.

Link to comment
  • Solution

You can create a second page, design layout for mobile, then add this code to First Page Header

<script type="text/javascript">
if (screen.width <= 767) {
document.location = "https://google.com";
}
</script>

Replace Google with second page url. This code will redirect users to new page 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

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.