mobile not responsive on mobile 7.1

Site URL: https://guitar-coyote-2582.squarespace.com/

Galleries not responsive on mobile, i have 2 columns on desktop same thing on mobile, how do i set up to have 1 column on mobile?

site pass: 12345

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.gallery-grid--layout-grid .gallery-grid-wrapper {
    grid-template-columns: repeat(1,1fr) !important;
}
}

thank you

That worked for gallery how about single projects, how do i make that a single column on mobile?

see attch.

Can you share link to page in screenshot? We can check easier.

@tuanphan https://guitar-coyote-2582.squarespace.com/config/ 

pass:12345

Mobile version only desktop looks fine, is there a code to do it across the board on projects?

thnx

14 hours ago, gagica said:

@tuanphan https://guitar-coyote-2582.squarespace.com/config/ 

pass:12345

Mobile version only desktop looks fine, is there a code to do it across the board on projects?

 

thnx

/config is url for site owner

6 hours ago, tuanphan said:

/config is url for site owner

Do i need to publish? Is there another way you can get in there?

@tuanphan can you help now i published the site: robertdeanarchitects.com