Large Block Image cut off in collage section

Topic summary

Large image in the “collage” section is cropped between ~1161px and 750px viewport widths. The author modified CSS for the component card (object-fit set to contain), which corrected product images but not the large block image.

  • Technical context: object-fit (CSS) controls how an image is resized to fit its container. Screenshots were provided to illustrate the cropping at specific breakpoints.
  • Assistance request: another participant asked for the store URL and password to investigate further.
  • Outcome: the original poster later reported they had resolved the issue on their own.

Status: resolved by the author, but no fix details were shared. Remaining gap: the specific CSS or theme change that solved the large block image cropping was not documented, so others cannot replicate the solution from this thread.

Summarized with AI on December 30. AI used: gpt-5.

The image in the large block of the collage section is being cut off at screen width of 1161px-750px. I have modified the css for the component card, changing the object fit to contain, but that only fixed the product images not the large block image.

Please assist.

Hi @yograndpagotit , can we have your store URL and password (if any) so our team can check on that? We would love to provide you with a solution for your issues.

Sorry. I actually got it figure out

1 Like