How can I optimize mobile hero sections for better display?

Store Design
, , , ,
1

Hello,

I’m trying to optimize a few hero sections for mobile. Here’s how they look on desktop:

Hero (optional slideshow) - desktop

desktopoptimize.PNG
desktopoptimize.PNG1234×833 271 KB

Hero (optional slideshow) mobile -

mobileoptimize.PNG
mobileoptimize.PNG357×839 170 KB

And

Video Hero (desktop)

desktopoptimize1.PNG
desktopoptimize1.PNG1234×830 156 KB

Video Hero (mobile)

mobileoptimize1.PNG
mobileoptimize1.PNG359×642 162 KB

As you can see, the desktop versions fill the space nicely, but the mobile versions are cut off/wrong size. We just want the mobile versions to fit and flow nicely like the desktop version.

Theme: Impulse

Can anyone offer any advice on optimizing these?

1 Like
2

Hello @GlowUp
can you please share store URL?

3

Hello,

This version of the page is a copy of our theme and is not currently live. But here is our live website:
https://www.artnglow.com/

4

Hi @GlowUp

You can use this tutorial below to assign an image for your desktop and mobile. You need to have a right size for mobile though. This also applies to video

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!