a_garci23 Posted August 3, 2023 Share Posted August 3, 2023 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
Fig_Design Posted August 5, 2023 Share Posted August 5, 2023 (edited) You can use CSS to hide certain page blocks on the mobile version. Here are some helpful articles to get started: https://www.thestyledsquare.com/blog-content/hide-elements-in-mobile-view-in-squarespace https://www.applet.studio/blog/hide-sections-on-moblie-squarespace Edited August 6, 2023 by AgnesK correction tuanphan 1 www.figdesign.co Link to comment
Solution tuanphan Posted August 6, 2023 Solution Share Posted August 6, 2023 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment