slideShow section : dawn

Topic summary

A user is experiencing issues with slideshow banner dimensions on their Shopify store (zisthi.com), specifically noting that the full image doesn’t display properly in mobile view—most content gets cropped.

Proposed Solution:
Another participant provided CSS code to address the mobile display issue, suggesting:

  • Setting .slideshow-container to width: 100% and height: auto for automatic scaling
  • Using object-fit: cover on images to prevent distortion while ensuring full container coverage
  • Adding a media query for screens up to 767px width with adjusted height values (50vh suggested)

Current Status:
The original poster reported that the suggested CSS solution is not working. The issue remains unresolved, with no follow-up troubleshooting steps provided yet.

Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.

not working