Full height slideshow - Narrative theme

Solved
StudioM
Explorer
67 0 29

Hi There Good People

 

I'm using the Narrative theme and have a slideshow section.

This section has a margin at the bottom.

I would the slideshow to cover the page fully, like this:

StudioM_0-1614587056164.png

Your kind help will be much appreciated!

0 Likes
Zworthkey
Shopify Partner
296 17 55

Pls share your site url 

that's we will help you 

Thank you

StudioM
Explorer
67 0 29

The URL is:

https://tzuf.net

 

There is a password as well which I am now sending you privately!

Thank you very much for your time!

Zworthkey
Shopify Partner
296 17 55

your welcome

Zworthkey
Shopify Partner
296 17 55

This is an accepted solution.

Paste this code to the theme.scss

 

.slideshow--full .slideshow {
    height: calc(120vh - 35px);
}
.slideshow {
    max-height: calc(130vh - 45px);
}

 

I hope it will work

Thank you

Have a good day

 

StudioM
Explorer
67 0 29

Thank you @Zworthkey very much!

Just one question:

Is there a way to make the slideshow exactly 100% of the height of page?

0 Likes
Zworthkey
Shopify Partner
296 17 55

Yes, their is way but it should with the custom code.

Thank you

StudioM
Explorer
67 0 29

Can you tell me in details how can I polish it to be exactly 100%?

0 Likes
StudioM
Explorer
67 0 29

@Zworthkey 

What I meant is to have the slideshow section fit the screen without going any further.

Hope it clarifies and many thanks for your help one again!

0 Likes
Zworthkey
Shopify Partner
296 17 55

hii use this code

.slideshow--full .slideshow {
height: calc(110vh - 35px);
}
.slideshow {
max-height: calc(130vh - 45px);
}
0 Likes