isobeleastwood Posted March 23, 2022 Share Posted March 23, 2022 Site URL: https://www.stuffbystink.com Hi 🙂 My image doesn't crop well to mobile size, but if I use custom CSS to maintain its original width, it ends up super small on the mobile. I am thinking of just creating a totally different image to display on my mobile site. How can I do this? Do I need to duplicate my homepage and then edit the image, and specify that the new homepage is the one I want to use for mobiles?  Thanks! Issy Link to comment
creedon Posted March 23, 2022 Share Posted March 23, 2022 A common technique that is used is create two pages sections. One for desktop and one for mobile. Then with CSS hide/show page sections depending on screen size. 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
isobeleastwood Posted March 23, 2022 Author Share Posted March 23, 2022 do you have the specific coding needed? thanks! Link to comment
creedon Posted March 23, 2022 Share Posted March 23, 2022 24 minutes ago, isobeleastwood said: do you have the specific coding needed? No. We would need to see a page with the two sections on it where you've customized those sections to work for desktop or mobile. You could do this on a non-public page. The basic technique is to use CSS media queries to manipulate the page sections involved. 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