Jump to content

Disable mobile view completely

Recommended Posts

23 hours ago, mddiatta said:

Hello! 

Hope you're doing well. It's been a while, but I'd still love your help with this. 

I deleted the code as you suggested and it of course went back to one column in mobile view. http://www.myriamdiatta.com/projects 

Thank you!

Myriam 

image.png

I you you still keep some code in Custom CSS. You can remove then we will check easier

@media screen and (max-width: 640px) {
    div#block-yui_3_17_2_1_1606665871851_4586+.row>.span-2,div#block-yui_3_17_2_1_1606665871851_4586~.row>.span-2 {
        width:50% !important;
        float: left !important
    }

    div#block-yui_3_17_2_1_1606665871851_4586+.row>.span-2:nth-child(2n+1),div#block-yui_3_17_2_1_1606665871851_4586~.row>.span-2:nth-child(2n+1) {
        clear: left
    }
}

 

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
17 hours ago, mddiatta said:

Oh I see, I deleted all of the code related to the two columns in mobile view. 

Add to Design > Custom CSS

@media screen and (max-width:640px) {
div#block-yui_3_17_2_1_1606665871851_4586+.row .span-4 .span-2 {
    width: 50% !important;
    float: left !important;
}
div#block-yui_3_17_2_1_1606665871851_4586+.row>.span-2 {
    width: 50% !important;
    float: left !important;
}
div#block-yui_3_17_2_1_1606665871851_4586+.row~.row .span-2 {
    width: 50% !important;
    float: left !important;
}
div#block-yui_3_17_2_1_1606665871851_4586+.row~.row .span-2:nth-child(2n+1) {
    clear: left;
}}

 

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
  • 4 months later...
  • 6 months later...

Hi guys! Please help, I have the same problem and it's driving me crazyyyy.

https://chiton-crane-b7ty.squarespace.com/config/design/template

This is the trial version of my website. On the page "ABOUT" everything is so out of order on the mobile view!!! How can I have this gallery to display horizontally on the mobile view and make the description below each photo to look like this on the mobile version as well? What I have now on mobile is: first you see all the photos and then you see all 4 descriptions on a vertical alignment. Same is happening with the two last photos and thir texts placed below. Please please please help!!!!

Screen Shot 2023-06-15 at 1.04.53 AM.png

Screen Shot 2023-06-15 at 1.07.41 AM.png

mobile view.jpg

mobile view 2.png

Edited by Juliamartinsm
exchanged a word
Link to comment
On 6/15/2023 at 6:11 AM, Juliamartinsm said:

Hi guys! Please help, I have the same problem and it's driving me crazyyyy.

https://chiton-crane-b7ty.squarespace.com/config/design/template

This is the trial version of my website. On the page "ABOUT" everything is so out of order on the mobile view!!! How can I have this gallery to display horizontally on the mobile view and make the description below each photo to look like this on the mobile version as well? What I have now on mobile is: first you see all the photos and then you see all 4 descriptions on a vertical alignment. Same is happening with the two last photos and thir texts placed below. Please please please help!!!!

Screen Shot 2023-06-15 at 1.04.53 AM.png

Screen Shot 2023-06-15 at 1.07.41 AM.png

mobile view.jpg

mobile view 2.png

What is password?

image.png.c136101993f5ac0bebbace7a1c305cb7.png

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.