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

3 answers to this question

Recommended Posts

  • 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

Create an account or sign in to comment

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


×
×
  • Create New...