Logan_J Posted January 6, 2023 Share Posted January 6, 2023 (edited) Hello all, I've recently been working on a new homepage for my site, and was disappointed to learn that the mobile version of my layout just stacks all the images in the order they were uploaded, and redoing the layout to match the desktop version is quite the headache. Is there an easier way of doing this? Can I disable the mobile view altogether? You'll notice that my homepage is built entirely from image blocks, which i'm guessing is the reason behind all the difficulty. Attached is a screenshot of the image stacking that I mentioned, versus how different the desktop vers. is. Any help at all is appreciated! Thanks, Logan Edit: I also just realized that the mobile version actually does reflect the desktop version, but only when the phone is flipped to landscape orientation, which perhaps just makes this even more frustrating... Edited January 6, 2023 by Logan_J Link to comment
tuanphan Posted January 8, 2023 Share Posted January 8, 2023 Hi, What is your homepage url? We can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Logan_J Posted January 9, 2023 Author Share Posted January 9, 2023 (edited) @tuanphan It is loganjacksonstudio.com If you do go check it out, just note that I've already edited a bit of the mobile homepage to reflect the desktop version, but if you scroll down you'll see the stacking. Edited January 9, 2023 by Logan_J Link to comment
Logan_J Posted January 10, 2023 Author Share Posted January 10, 2023 Just FYI it's currently password protected--the password is 'backsoon' Link to comment
tuanphan Posted January 14, 2023 Share Posted January 14, 2023 On 1/10/2023 at 11:30 PM, Logan_J said: Just FYI it's currently password protected--the password is 'backsoon' Hi. You want to keep desktop layout on mobile even if the images will look very small? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Logan_J Posted January 26, 2023 Author Share Posted January 26, 2023 On 1/14/2023 at 9:37 AM, tuanphan said: Hi. You want to keep desktop layout on mobile even if the images will look very small? Hi! Yes, if that's possible I would like to preserve the desktop layout even if the images are small--at least to have that as an option. Link to comment
tuanphan Posted January 28, 2023 Share Posted January 28, 2023 On 1/9/2023 at 10:52 PM, Logan_J said: @tuanphan It is loganjacksonstudio.com If you do go check it out, just note that I've already edited a bit of the mobile homepage to reflect the desktop version, but if you scroll down you'll see the stacking. On 1/10/2023 at 11:30 PM, Logan_J said: Just FYI it's currently password protected--the password is 'backsoon' backsoon password is incorrect Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Logan_J Posted February 1, 2023 Author Share Posted February 1, 2023 On 1/28/2023 at 3:07 AM, tuanphan said: backsoon password is incorrect Hmm, strange--that is the password! But for now I'll just make the website public again. Should be working now. Link to comment
tuanphan Posted February 3, 2023 Share Posted February 3, 2023 On 2/2/2023 at 12:51 AM, Logan_J said: Hmm, strange--that is the password! But for now I'll just make the website public again. Should be working now. You are using new editor, so you can edit page > Click Mobile icon on top right > Then adjust it on mobile Reference: https://support.squarespace.com/hc/en-us/articles/6421525446541-Editing-your-site-with-Fluid-Engine Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
harshabathija Posted November 27, 2023 Share Posted November 27, 2023 Hello team I would like the mobile version of this page to look like the desktop version: https://www.harshabathija.com/wedding-portfolio I tried looking for the disable mobile version option, but i guess it's not available on my theme. Pls help. Link to comment
tuanphan Posted November 29, 2023 Share Posted November 29, 2023 On 11/27/2023 at 10:51 PM, harshabathija said: Hello team I would like the mobile version of this page to look like the desktop version: https://www.harshabathija.com/wedding-portfolio I tried looking for the disable mobile version option, but i guess it's not available on my theme. Pls help. To show 3 images/row same as desktop, add this code to Website Tools (under Not Linked) > Custom CSS @media screen and (max-width:640px) { div#page-64ab024e024d515f77265450 .span-4 { column-count: 3; column-gap: 5px; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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