TMD95 Posted November 26, 2019 Share Posted November 26, 2019 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? Link to comment
tuanphan Posted November 27, 2019 Share Posted November 27, 2019 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; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
TMD95 Posted November 27, 2019 Author Share Posted November 27, 2019 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 Link to comment
TMD95 Posted November 30, 2019 Author Share Posted November 30, 2019 Hi @tuanphan - any thoughts? Link to comment
TZJ Posted August 12, 2020 Share Posted August 12, 2020 Please give us some css to disable mobile view complete! Link to comment
tuanphan Posted August 12, 2020 Share Posted August 12, 2020 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? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
TZJ Posted August 19, 2020 Share Posted August 19, 2020 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... Link to comment
rwp Posted August 19, 2020 Share Posted August 19, 2020 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. Link to comment
Tonee_H Posted February 8 Share Posted February 8 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 ? Link to comment
tuanphan Posted February 11 Share Posted February 11 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 How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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