Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Alternate Homepage for Mobile?


Daman

Question

Site URL: https://halibut-finch-9bdl.squarespace.com/

Site Password: ghosts

I have a website I'm working on and while the home page looks great on desktop, I'd love to create a different page to use as the home page on mobile only. 

This is my home page

https://halibut-finch-9bdl.squarespace.com/

And this is the page I'd like to use as the home page on mobile specifically. 

https://halibut-finch-9bdl.squarespace.com/home-2

Any help would be greatly appreciated! Thanks

 

Also, I've tried the code below, and keep getting a syntax error when I try putting in the URL. 

@media (max-width:640px){#your-desktop-page-URL {display:none!important}}

@media (min-width:640px){#your-mobile-page-URL{display:none!important}}

Edited by Daman
Link to post
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

3 answers to this question

Recommended Posts

  • 0

If you use Business Plan, you can add JS code to redirect to new mobile page on mobile

If you use Personal Plan, you can add more sections on current page, then use CSS to show these sections on mobile only & hide above sections.

Link to post
  • 0
On 3/1/2021 at 8:28 AM, mg1995 said:

@tuanphan

Hi there! Running into the same issue. Website homepage is https://www.lindseysimcik.co/ but would love for the mobile homepage to be https://www.lindseysimcik.co/mobile! Let me know if you can help. Have tried all the code above but still sticky 😕 

Add to Homepage Header

<script type="text/javascript">
<!--
if (screen.width <= 640) {
document.location = "/mobile";
}
//-->
</script>

 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...