Jump to content

7.1 Change Grid to single column in mobile .. I've tried EVERYTHING!

Go to solution Solved by Web_Solutions,

Recommended Posts

Posted

I've tried every code and fix in every thread I could find, and none of them did the trick for me. I have a grid of 3 images that I need in a single column when in mobile .. pretty common issue, but I have a feeling it's some of my other custom code that's keeping anyone's previous suggestions from working? No idea. 

Check it out here: https://ellen-wise-couture.squarespace.com/

password: ellen

It's at the bottom of the home page under where it says 'Explore The Creations'

Thank you!!!

  • Solution
Posted
52 minutes ago, mattchait said:

I've tried every code and fix in every thread I could find, and none of them did the trick for me. I have a grid of 3 images that I need in a single column when in mobile .. pretty common issue, but I have a feeling it's some of my other custom code that's keeping anyone's previous suggestions from working? No idea. 

Check it out here: https://ellen-wise-couture.squarespace.com/

password: ellen

It's at the bottom of the home page under where it says 'Explore The Creations'

Thank you!!!

 

Add these code on Custom CSS panel in Website Utilities Website Tools > Custom CSS.

@media screen and (max-width: 767px) {
    #block-yui_3_17_2_1_1695413491096_33241.gallery-block .sqs-gallery-design-grid-slide {
        width:100% !important;
    }
}

 

Screenshot_314.png

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Posted

So strange. I have tried that code and it didn't work in the past -- gave me very broken imagery (see screenshot), yet when I go full-screen, it now works. Perhaps the code worked all along and it's SS's mobile preview that's broken?

Either way - thank you for your help.

Posted
1 hour ago, mattchait said:

So strange. I have tried that code and it didn't work in the past -- gave me very broken imagery (see screenshot), yet when I go full-screen, it now works. Perhaps the code worked all along and it's SS's mobile preview that's broken?

Either way - thank you for your help.

Did you check it on your mobile phone? I have checked and its prefect. 

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Posted

I did. Yes, it IS perfect and totally works. That's what I'm saying is so weird ... 

On the back end, when I add the code on the left, it breaks the site on the right. But it works for the rest of the world .. so whatever!

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.