Jump to content

How to disable responsive mobile design

Recommended Posts

Posted

Hi all,

 

I'm trying to disable mobile responsive design for only some blocks on my website. My website URL is: https://cheap-talk.com/

On mobile, the products on my home page stack and it's not the best UX for customers. I want these to stay in rows of two instead of stacking 1:1. Anyone know how to do this? Custom CSS?

  • Replies 9
  • Views 4k
  • Created
  • Last Reply

Top Posters In This Topic

Posted
14 hours ago, tuanphan said:

adding to home > design > Custom css


@media screen and (max-width:640px) {
div#page-5dcf55f2dbcb26298020e9e3>.row>.col.span-4 {
    width: 50% !important;
	float: left !important;
}
}

I tried this and it seems to have worked for the most part! For some reason, one of the products is not aligned on the 2nd row - do you have any thoughts on how to move this up? @tuanphan

 

  • 8 months later...
Posted

Disable on all pages. I feel like I am describing it in detail. I'd like to disable mobile and tablet view on all devices on all pages, at all times regardless of how and when the page is viewed...

Posted

You can not disable the mobile view, the only thing we can do is make the mobile view look like desktop.

So we need to know what still needs to be changed.

Please provide screen shots of the areas you do not like.

  • 2 years later...
Posted
On 2/8/2023 at 10:57 AM, Tonee_H said:

I have a similar problem, where the mobile display doesn't show the desktop image properly at all. See ranunculus-bear-xx5w.squarespace.com

Any ideas @tuanphan ?

Which page you want to do this?

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!)

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.