Impulse Mobile & Desktop Slideshow Banner size

Store Design

Topic summary

Issue: In the Impulse Shopify theme, slideshow banner images appear stretched/over-zoomed—primarily on mobile for the original poster, and on desktop for others. Recommended image size (e.g., 2880×1620) was reported as unhelpful due to aggressive cropping.

What worked so far:

  • A CSS snippet added to theme.css targeting mobile fixed the OP’s stretch issue (confirmed by OP).
  • A user-recommended paid solution (Slideshow Section Pro from ezfycode.com) reportedly resolved sizing/cropping across multiple stores.

Additional suggestions:

  • Disable the “Enable parallax” option in the hero slideshow to reduce zoom/cropping. Screenshots were shared to indicate where to toggle this setting (images are central for locating the option).

Open questions/needs:

  • Request for a desktop-specific code fix remains unanswered.
  • Clarification on where exactly to place CSS (theme.css vs. theme css liquid) and where to find the parallax toggle is still sought by users.

Status: No consensus on a universal banner size; multiple workaround paths exist (CSS, disabling parallax, third-party app). Discussion remains open with unresolved desktop guidance and setup steps.

Summarized with AI on January 20. AI used: gpt-5.
1

Hello,

I started using the “Impulse Theme” on my Shopify store and trying to figure out the right sizes for the slideshow banner.
The desktop is okay, but the photos get stretched on the mobile version.
I contacted the Impulse staff but they only sent me the recommended sizes which weren’t very helpful.

URL: https://kamakurashirts.com/

I’d appreciate your help, thanks!

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
@media screen and (max-width:749px){
div#shopify-section-1524769873765>div .slideshow-wrapper .hero-natural-mobile--1524769873765 {
padding-bottom: 100%;
}
}
1 Like
3

I think it worked! Thank you!

1 Like
4

Kindly feel free to get back to me if you need any further assistance Thanks!

5

Hi @ZestardTech is there similar code for the desktop version as well? my images look stretched on the desktop.

1 Like
6

The banner size for the “slide” option of Impulse theme suggested 2880x1620 which is false because when I do that, you see oh maybe the right Ankle of the model. Doing the slide images on mobile size seems to “work itself” out however on desktop the photos are stupid and difficult to do! Please advise on how to make this easier to do!

7

I worked out this annoying issue by downloading https://ezfycode.com/shop/slideshow-section-pro - I saw it in this forum and now all my stores are fine. You can see it in my www.cocheti.ro and www.maxifashion.gr stores

8

I am having the same issues where my images are to zoomed in my banner slide, and need to make the changes,I have tried to do it, do I go to theme css liquid? I paid an expert and was scammed as she wants more money to complete the job…

9

Try disabling the “Enable parallax” option on the hero slideshow and see if it fixes your problem.

ccherukuri_1-1692820223163.png
ccherukuri_1-1692820223163.png376×106 4.32 KB

ccherukuri_0-1692820138898.png
ccherukuri_0-1692820138898.png421×461 14.4 KB

1 Like
10

Hi, where would I find that?