Issue: A user testing Shopify’s Modular theme reports the header and slideshow don’t resize when the desktop browser is narrowed, causing content to be cut off. They also ask if the background video can be resized, noting urgency due to migrating from WordPress.
Context: Shared screenshots show the cropped slideshow and the theme’s section settings.
Explanation provided: Another participant asks what is selected in the section settings and explains that if the slideshow is set to a fixed height (anything other than “Image height”), the theme will crop images to fit that constraint. Example: on a 1920px-wide screen with slideshow height set to 550px (default), the image will be cropped at the top and bottom.
Actionable guidance: Check the section settings for the slideshow/header and switch to “Image height” to allow images to scale responsively rather than crop.
Open questions: The background video resizing question remains unanswered, and the original poster has not confirmed whether changing settings resolves the issue.
Key terms: Modular theme = a Shopify theme; section settings = customization controls for sections; “Image height” = a setting that scales images to fit rather than crop.
I am testing the Modular theme and find that when I resize my desktop browser, my header section and slideshow section won’t resize - it cuts off from both sides. Surely this is not the way it should be?
Also is there a way to resize the background video?
I am against the clock here since I need to redo my site from WordPress (which is so slow) but I’m finding that WP actually is more responsive and has more flexibility in terms of design. Please someone tell me I’m wrong!
Hey Nicky, wha have you selected in section settings (as marked on screenshot)?
If it’s anything other than “Image height” then it is expected that the theme will crop image to fit your constraints.
Say your image is square and your screen is 1920 pixels wide, but slideshow height is set to 550 pixels (default) – your image will be cropped top and bottom.
