Set soliloquy full display heigth

[zero_to_one]

Hey there,
I’d like my slider to be fill the whole display height, this is important on mobile. And the slider should always be full width, I cant get this to work on larger screens. Thanks for your help!

[prakash_s]

Hello @zero_to_one,

Thanks for writing to us.

I checked your site on my phone it seems that the slider is full width and the image heigh is good for the small devices.

Please have a look at the given screenshot below.

In case if you are pointing at the gap under the slider, It is not coming from the slider. It is coming from the 2nd section(About section), you have set the section margin-top 128px. I would suggest you remove the margin-top of the section it would look fine for you.

Hope it helps
Thanks

[zero_to_one]

No I want the slider to take up full display height

[marc_a]

Hi @zero_to_one,

I wouldn’t advise having a full-height slider in the mobile view because it looks ugly and not user-friendly. But If you want to have it, please add this code in your Pro > Theme Options > CSS

.soliloquy-container, .soliloquy-container * {
	height: 100% !important;
}

Please note that custom CSS code is outside the scope of our support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer or you can avail One where we can answer questions outside of the features of our theme.

Hope that helps.

Thank you.