Swiper Problem

[Doug Black]

Thank you for getting back to me. Now its just not showing up at all.

Thanks for your help on this...its truly puzzling.

[Alena Prykhodko]

Please ignore my last post. I'll check and update asap.

[Maryna Brodina]

Hello! On the bottom of file you have preAPPERY CODE
div.swiper-container, div.swiper-slide {
width: 100%;
height: 100vh;
overflow: hidden !important;
}/prereplace it with pre/APPERY CODE/
div.swiper-container, div.swiper-slide {
width: 100%;
height: 120px;
overflow: hidden !important;
}/pre

[Doug Black]

Thanks, but its still doing the same thing. No change. I've tried it with the above changes from 'relative' to 'absolute' as well, and it still does nothing; it's either very large or disappears entirely.

[Kateryna Grynko]

Hi Doug,

Add custom CSS code:prediv[name=swipercontainer]{
height: 120px;
overflow: hidden;
}/pre

[Doug Black]

WOO! I modified it to:
precode
div.swiper-container, div.swiper-slide {
width: 100%;
overflow: hidden !important;
}

div[name=swipercontainer]{
height: 120px !important;
overflow: hidden !important;
}
/code/pre

And it works!

I know it's been a pain...but is there a way to adjust the "120px" to adjust for screen sizes?

Can't tell you how much I appreciate it! Thanks all!

[Kateryna Grynko]

Hi Doug,

You can specify the relative height, for example:preheight: 25vh;/pre