jrdnmariee Posted January 29 Share Posted January 29 Hi everyone, I'm having issues with split screen scrolling showing up on mobile when I don't want it to. Works fine on desktop but I want the mobile version to scroll normally. This is the code I'm using: @media only screen and (min-width: 780px) { section[data-section-id="65b5c3f3e069aa4ffcf1437d"] { display: flex; flex-direction: row; } } section[data-section-id="65b5c3f3e069aa4ffcf1437d"] .fe-block-adeca0daceef2b58b65e { position: sticky !important; top: 80px !important; } section[data-section-id="65b5c3f3e069aa4ffcf1437d"] .is-editing div .fe-block-adeca0daceef2b58b65e { position: absolute !important; top: 0px !important; } Password for site is mndesign2024 Link to comment
Solution Ziggy Posted January 30 Solution Share Posted January 30 I've adjusted a bracket position so the media query applies to all of the code rather than just the first bit: @media only screen and (min-width: 780px) { section[data-section-id="65b5c3f3e069aa4ffcf1437d"] { display: flex; flex-direction: row; } section[data-section-id="65b5c3f3e069aa4ffcf1437d"] .fe-block-adeca0daceef2b58b65e { position: sticky !important; top: 80px !important; } section[data-section-id="65b5c3f3e069aa4ffcf1437d"] .is-editing div .fe-block-adeca0daceef2b58b65e { position: absolute !important; top: 0px !important; } } jrdnmariee 1 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! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
jrdnmariee Posted January 30 Author Share Posted January 30 9 hours ago, Ziggy said: I've adjusted a bracket position so the media query applies to all of the code rather than just the first bit: @media only screen and (min-width: 780px) { section[data-section-id="65b5c3f3e069aa4ffcf1437d"] { display: flex; flex-direction: row; } section[data-section-id="65b5c3f3e069aa4ffcf1437d"] .fe-block-adeca0daceef2b58b65e { position: sticky !important; top: 80px !important; } section[data-section-id="65b5c3f3e069aa4ffcf1437d"] .is-editing div .fe-block-adeca0daceef2b58b65e { position: absolute !important; top: 0px !important; } } Thank you so much! Can't believe I didn't catch that, but I appreciate you! Link to comment
Ziggy Posted January 31 Share Posted January 31 Happy to help! 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! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? 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