Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
TMD95

How to disable responsive mobile design

Question

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?

Share this post


Link to post

7 answers to this question

Recommended Posts

  • 0

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;
}
}

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
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

 

Share this post


Link to post
  • 0
On 11/30/2019 at 9:09 AM, TMD95 said:

Hi @tuanphan - any thoughts?

Have you solved it yet?

5 hours ago, TZJ said:

Please give us some css to disable mobile view complete!

Can you describe in detail your problem?


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

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

Share this post


Link to post
  • 0

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.


Free Squarespace 7.1 Anchor Link and Accordion Plugins available here!

If I replied to one of your questions with code, it was either CSS or jQuery.

To add CSS, go to Design -> Custom CSS

jQuery needs some additional steps. Head here: https://code.jquery.com/ and click on minified, under jQuery 3.x and copy that code into Squarespace.

After you put that code into the code injection section in Squarespace, you can add the code I supplied. The code from me will need <script> added before it and </script> added after it (only for jQuery).

There are two places that you can add the code, one is site wide (adds to all pages). Settings -> Advanced -> Code Injection

The other is for a specific page (adds to one page only). Pages -> Gear Icon next to the page -> Advanced

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...