Jump to content

Disabling Mobile View?

Recommended Posts

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...

 

image.thumb.png.df0845d0810ef0cde2db5d0fc69c1e42.png

image.thumb.png.a174d31f879b5b5a13e00d972610a759.png

Edited by Logan_J
Link to comment
  • Replies 10
  • Views 1.9k
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 weeks later...
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
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
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
  • 9 months later...
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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.