Daman 0 Share Posted November 29, 2020 (edited) 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 November 30, 2020 by Daman Link to post
0 tuanphan 9,353 Share Posted December 5, 2020 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. You can send your question to my email to get faster answer. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 mg1995 0 Share Posted March 1 @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 😕 Link to post
0 tuanphan 9,353 Share Posted Wednesday at 09:01 AM 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> You can send your question to my email to get faster answer. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
Question
Daman 0
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 DamanLink to post
Top Posters For This Question
2
1
1
Popular Days
Nov 29
1
Dec 5
1
Mar 1
1
Mar 3
1
Top Posters For This Question
tuanphan 2 posts
Daman 1 post
mg1995 1 post
Popular Days
Nov 29 2020
1 post
Dec 5 2020
1 post
Mar 1 2021
1 post
Mar 3 2021
1 post
3 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment