ReneeBreathe Posted July 20, 2020 Share Posted July 20, 2020 (edited) Site URL: https://pumpkin-marlin-3wxs.squarespace.com/ Hi there, Still learning, but slowly getting the hang of CSS with help from these forums. I'm building a new website for my employer. I've set it up so we have a landing page, smooth-scrolls neatly down to three columns. It's perfect on desktop, but the three-column page looks way less ideal on mobile. The images are too compressed. I'd rather have a vertical stack of the logos & images.... like this> = I started playing around with the css so that it would hide the column 'sections' on mobile view only, and smooth scrolls down to another section of the page - but it's pretty messy, and I don't want to take the risk of it misbehaving. Wondering if it's possible to make another landing page just for mobile only, and have the website automatically redirect you there if you're on a mobile device? https://pumpkin-marlin-3wxs.squarespace.com/ Password: breathetest Edited July 20, 2020 by ReneeBreathe Link to comment
tuanphan Posted July 20, 2020 Share Posted July 20, 2020 You can add "2 pages" on same page. Then we will give the CSS to hide 1 page on mobile, hide 1 on desktop Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
ReneeBreathe Posted July 22, 2020 Author Share Posted July 22, 2020 Hi @tuanphan, Thanks for the reply. not sure I completely follow. Is that a 7.1 or 7.0 feature? I'm in 7.1. I can add a section on the landing page and use css to hide on mobile. This was my original thinking. Can you share your approach? Link to comment
tuanphan Posted July 22, 2020 Share Posted July 22, 2020 6 hours ago, ReneeBreathe said: Hi @tuanphan, Thanks for the reply. not sure I completely follow. Is that a 7.1 or 7.0 feature? I'm in 7.1. I can add a section on the landing page and use css to hide on mobile. This was my original thinking. Can you share your approach? same your approach Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
MCMatheny Posted January 14, 2022 Share Posted January 14, 2022 @tuanphan @creedon I would also like to know about the possibility of a different landing page for mobile. For my site the desktop landing has images around 4 buttons in the center. The buttons are the most important aspect of the landing, the images are just for fun. On Mobile, you have to scroll through the images to get to the buttons. Can I create a completely different page with just the buttons for mobile view? Site: https://powerade.squarespace.com/ Password: powerade THANK YOU! Link to comment
creedon Posted January 14, 2022 Share Posted January 14, 2022 16 minutes ago, MCMatheny said: Can I create a completely different page with just the buttons for mobile view? That may be a possibility. I'd like to suggest a different approach. Please see the following. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. 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