SoundsAboutPod Posted November 14, 2022 Posted November 14, 2022 The 'fluid' engine hasn't really been a success for me. I tried editing the mobile version so it can look like my desktop but I am finding it almost impossible. Please advise?
Ziggy Posted November 14, 2022 Posted November 14, 2022 Can you share your website URL and some examples of what isn't working and what you're trying to achieve? When you say you're trying to edit the mobile site to look like the desktop site do you mean that very literally? Are you wanting exactly the same layout on mobile as on desktop? Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee?
SoundsAboutPod Posted November 14, 2022 Author Posted November 14, 2022 my url is https://www.soundsaboutpod.com/ Yes it would be nice to look the same literally ( as i put a lot of work into getting the desktop version to look decent....or alternatively as close as possible. I have a lot of images on my page and write now on the mobile version they are so oversized it doesnt make the page look good at all
Ziggy Posted November 14, 2022 Posted November 14, 2022 (edited) Yes, I can see you need to do some work on the fluid sections as well as the list sections. Are you having issues with sizing and laying out the blocks on the mobile view in the first section? This should help with the list section, add to Custom CSS: @media only screen and (max-width: 768px) { .user-items-list-simple:not([data-num-columns="1"]) { grid-template-columns: repeat(2,1fr); grid-gap: 10px !important; } .list-item-content__title { font-size: 1rem !important; } .list-item { padding: .5rem !important; } } https://insidethesquare.co/squarespace-tutorials/multi-column-mobile-list Hope that helps you, try this if you feel like it will help: Edited November 14, 2022 by Ziggy Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee?
SoundsAboutPod Posted November 14, 2022 Author Posted November 14, 2022 Hi thanks for this, yes i am having issues on this on the first page and on the 'episodes page'. https://www.soundsaboutpod.com/episodes are you able to provide a code that can help me on this and the home page?
Ziggy Posted November 15, 2022 Posted November 15, 2022 It looks like you used the CSS I provided, and the website looks better on mobile. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee?
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment