Summary Block Is Affecting Page Width

Site URL: https://jws.community

Hello! I am using a summary block to pull in testimonial quotes in blog format. However, after adding the summary block, I noticed that page width increases. When I open the summary block editor, I click Design and then change the Number Of Items to 30, and it adds to the page width of the entire page. In other words, if I visit the homepage and scroll to the left, there is added white space margin on the right hand side. If I change the Number Of Items to 15, it solves the problem -- but I have more than 15 items I need to display.

Curiously, using this same setup on the pages called Jen, NYC Classes, Online Classes, and Events, I do not have the same issue. (Even though the Number Of Items on these pages is still set to 30, maybe it is because I have fewer posts to display from these blogs.)

I have tried creating a new blog and populating it with the same posts but it results in the same problem. Please help! Thanks in advance.

Password to access site is jws.

19 hours ago, kyle00428 said:

Site URL: https://jws.community

Hello! I am using a summary block to pull in testimonial quotes in blog format. However, after adding the summary block, I noticed that page width increases. When I open the summary block editor, I click Design and then change the Number Of Items to 30, and it adds to the page width of the entire page. In other words, if I visit the homepage and scroll to the left, there is added white space margin on the right hand side. If I change the Number Of Items to 15, it solves the problem -- but I have more than 15 items I need to display.

Curiously, using this same setup on the pages called Jen, NYC Classes, Online Classes, and Events, I do not have the same issue. (Even though the Number Of Items on these pages is still set to 30, maybe it is because I have fewer posts to display from these blogs.)

I have tried creating a new blog and populating it with the same posts but it results in the same problem. Please help! Thanks in advance.

Password to access site is jws.

Try

section[data-section-id="61414b615e517e4f70e6fc5e"] .content-wrapper {
  min-width:0;
}

Support me by pressing 👍 if this useful for you

@bangank36 You are a genius! This was driving me crazy and the official Squarespace Help agent had no idea how to fix it. Thank you so much!!!

On 10/12/2021 at 10:59 AM, bangank36 said:

Try

section[data-section-id="61414b615e517e4f70e6fc5e"] .content-wrapper {
  min-width:0;
}

Support me by pressing 👍 if this useful for you

Thank you! This helped me too!! So annoying!

Site: https://realty-kiosk.com/

Hi there! I'm going mad with this problem as well. Unfortunately, the code above doesn't seem to work for my site. I tried several different codes, targeting the summary block only, etc, but nothing happened. Any thoughts perhaps?

The problem is that when the site opens, there's a white space on the right and a scroll bar at the bottom. Once you scroll down to the summary block (Journal with blog posts), it becomes normal and stays this way. I tried adjusting summary block settings but the problem is persistent if there are 2 or more items.

It seems like the items in the summary block are too big when the site is opened (as if it was opened on a smaller browser even though it's not) so they move to the next row causing the issue with the page width. Once they render properly (after scrolling), the page width goes back to normal...but it could be something else... so annoying...

Thanks for any help!!

On 3/11/2023 at 11:03 AM, koni said:

Site: https://realty-kiosk.com/

Hi there! I'm going mad with this problem as well. Unfortunately, the code above doesn't seem to work for my site. I tried several different codes, targeting the summary block only, etc, but nothing happened. Any thoughts perhaps?

The problem is that when the site opens, there's a white space on the right and a scroll bar at the bottom. Once you scroll down to the summary block (Journal with blog posts), it becomes normal and stays this way. I tried adjusting summary block settings but the problem is persistent if there are 2 or more items.

It seems like the items in the summary block are too big when the site is opened (as if it was opened on a smaller browser even though it's not) so they move to the next row causing the issue with the page width. Once they render properly (after scrolling), the page width goes back to normal...but it could be something else... so annoying...

Thanks for any help!!

Try adding this to Design > Custom CSS

body {
	overflow-x: hidden;
}

Thank you @tuanphan so much for your help! This sorted the issue! If I can return the favour anyhow, I'm on it!

On 10/18/2021 at 6:16 PM, karawr said:

Thank you! This helped me too!! So annoying!

Hi, I tried using this. But it didn't work for me. Any tips?

On 9/30/2023 at 3:47 AM, PRHG said:

Hi, I tried using this. But it didn't work for me. Any tips?

What is your site url?

Hi! I have the same issue and tried all the above solutions, but nothing worked. Here is my site URL and a pic below of the element  https://www.heartability.com/

Any ideas? Thank you!!

On 10/2/2024 at 6:12 AM, zoetita said:

Hi! I have the same issue and tried all the above solutions, but nothing worked. Here is my site URL and a pic below of the element  https://www.heartability.com/

Any ideas? Thank you!!

Which page in screenshot?