How can I enlarge the slideshow image to cover my screen?

Store Design
, , ,
1

How to I make the slideshow image bigger? I want for it to cover the whole (or almost) screen on desktop and mobile. Thanks.

My store - https://nebulalights-17.myshopify.com/

1 Like
2

Hey @Matt789

Place this code in your theme.liquid file before

If this helps you, don’t forget to Mark it as Solution!

3

And how do I make it so that the text and the button on the slideshow are both a bit lower on the screen?

4

Place this code above in theme.liquid

.hero__text-wrapper {
    margin-top: 200px;
}
5

@Matt789

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.scss->paste below code at the bottom of the file:

.hero-section .hero--small {
    height: 100vh !important;
}
.hero-section .hero__inner.media-content {
    height: auto !important;
}

I hope it would help you
Best regards,

Kate | PageFly