Vertically center slide content on mobile

Ask the Community Customization
1

Hello!

I noticed on one of my slides that the contents seem vertically off-center on mobile. Is that something I can change through in-app options or a css code?

Screenshot 2026-06-21 at 10.50.32 AM
Screenshot 2026-06-21 at 10.50.32 AM932×1488 285 KB

2

I’d like to move the image on my second slide to be on top of the text on mobile without changing the desktop layout. Is that possible?

3

Hello!

I was wondering if it’s possible to scale the images on different slides on mobile? I’m wanting to make my first slide’s image larger and the second slide’s image smaller.

6

Hi there, @Lily_Gamble :waving_hand:

This CSS code will help you implement it:

@media (max-width: 640px) {
[aria-label="Slide 1"] .eapp-slider-media-component {
    width: 390px;
    max-width: unset;
  }

  [aria-label="Slide 2"] .eapp-slider-media-component {
    width: 250px;
  }

  [aria-label="Slide 2"] .eapp-slider-slide-inner {
    flex-direction: column-reverse;
  }

  [aria-label="Slide 4"] .eapp-slider-slide-inner>div {
    flex-grow: 1;
    height: 0;
  }

  [aria-label="Slide 4"] .eapp-slider-media-container {
    align-items: center;
  }
}

Please check it out and let me know if you like the result :slightly_smiling_face: