Illusterre Posted December 7, 2022 Share Posted December 7, 2022 Hi! How can I stack the elements (text block + image) in tablet view like in the mobile view? Password: Illusterre2022 Thanks in advance! Link to comment
Ziggy Posted December 7, 2022 Share Posted December 7, 2022 Can you share your website URL? Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
Illusterre Posted December 7, 2022 Author Share Posted December 7, 2022 6 hours ago, Ziggy said: Can you share your website URL? https://illusterre-sample.squarespace.com/ password: Illusterre2022 Sorry, i thought i put it somewhere already! 🙂 I actually need the same solution for other sections on my website for the tablet version (see pictures). Is there maybe some sort of code i can apply to different sections? Thank you in advance! Link to comment
Ziggy Posted December 8, 2022 Share Posted December 8, 2022 This is a bit of a new one for me, Fluid engine requires a different way of doing this, can you add this to your Custom CSS and let me know how this looks on tablet screens (i.e. between 999px and 768px): @media screen (min-width:768px) and (max-width:999px) { .fe-block-ac891789c5e3492edea1 { grid-area: 1/2/12/26 !important; } .fe-block-yui_3_17_2_1_1668550060589_15027 { grid-area: 13/2/18/26 !important; } } Let me know how this goes! Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
Illusterre Posted December 8, 2022 Author Share Posted December 8, 2022 8 hours ago, Ziggy said: This is a bit of a new one for me, Fluid engine requires a different way of doing this, can you add this to your Custom CSS and let me know how this looks on tablet screens (i.e. between 999px and 768px): @media screen (min-width:768px) and (max-width:999px) { .fe-block-ac891789c5e3492edea1 { grid-area: 1/2/12/26 !important; } .fe-block-yui_3_17_2_1_1668550060589_15027 { grid-area: 13/2/18/26 !important; } } Let me know how this goes! Hi! thank you so much for your effort! unfortunately I did not see any difference yet. Link to comment
Ziggy Posted December 8, 2022 Share Posted December 8, 2022 I have to run a few tests myself, I'll try and get back to you soon. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
dvgdvgdvg Posted April 21 Share Posted April 21 On 12/8/2022 at 11:41 AM, Illusterre said: Hi! thank you so much for your effort! unfortunately I did not see any difference yet. Try updating the formatting of your "grid-area" settings as follows: grid-area: ~"1/2/12/26"; So the full code would be: @media screen (min-width:768px) and (max-width:999px) { .fe-block-ac891789c5e3492edea1 { grid-area: ~"1/2/12/26"; } .fe-block-yui_3_17_2_1_1668550060589_15027 { grid-area: ~"13/2/18/26"; } } Let us know if that works! Ziggy 1 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