Responsive design

Site URL: https://gregorylassale.com/

I read that responsive design is built into all Squarespace templates. I use the Sofia (Brine Family, 7.0) template. The cover page does scale according to screen size, but my other pages do not. Here are a few screenshots to illustrate. 

Cover page on desktop (5K Retina 27-inch screen):

Cover page on iPad Pro 11 inch:

Contact page desktop:

\

Contact page iPad:

The problem is similar  on any smaller screen size (e.g. laptops). Shouldn't all pages scale to fit any screen size? What am I missing?

Thanks. 

Hi Greg,

Have you solved this yet? I have a similar problem with squarespace 7.1 with no solution yet.

On 9/10/2021 at 6:41 PM, Namrata said:

Hi Greg,

Have you solved this yet? I have a similar problem with squarespace 7.1 with no solution yet.

 

Can you share link to page where you have problem? We can take a look

Hi Tuan,

This is the site, https://peoplefirst1.squarespace.com/what-we-do

All the banner images ( most of my pages have banner images ) are getting cropped when the browser window gets smaller. The same happens with some text (attached picture below) .

FYI i have used your CSS for resizing the banner images for mobile view and it works fine. 

On 9/12/2021 at 1:13 PM, Namrata said:

Hi Tuan,

This is the site, https://peoplefirst1.squarespace.com/what-we-do

All the banner images ( most of my pages have banner images ) are getting cropped when the browser window gets smaller. The same happens with some text (attached picture below) .

FYI i have used your CSS for resizing the banner images for mobile view and it works fine. 

 

Image 3. You mean top slide?

Image 2. Add to Design > Custom CSS

/* What we do 4 icons tablet */
@media screen and (max-width:991px) and (min-width:768px) {
div#page-section-6100c7e0219f355ed79c4972>.row:nth-child(2) .span-3 {
    width: 50%;
}
div#page-section-6100c7e0219f355ed79c4972>.row:nth-child(2) .span-6 {
    width: 100%;
}
/* resize slideshow */
.gallery-fullscreen-slideshow[data-width="full-bleed"] {
    height: 35vh !important;
}
}