Expired
Hi,
I Have a fullscreen codeless slider in the home page. When viewed on mobile this slider show entirely at first, but after scrolling in becomes smaller (height ? ) and some elements are not visibible anymore
what could be the problem?
thanks
Lieven
Hello,
Can you send us your site url? We should give it a closer look. Paste it on your profile user information. Read this article for more information.
Best regards!
ok thanks, I added the url to my profile
The fading is an due to the parallax effect. To increase the slider’s height in mobile, please add this code into your custom css box:
@media (max-width:480px){ .codeless-slider-container.swiper-parent.swiper_slider.codeless_slider { min-height: 667px !important; }}
Result screenshot. Let us know.
i did that… but it doesn’t seem to work?
when I use webconsole I see that the ‘element’ has automatically size 290….
Can you please fill in the wp login credentials on your extra information fields of your profile data? So we can give it a closer look.
Read this article for more information.
Hi Michaila
ok I created a login for you. And I added the info in my profile
thanks again
I edited the css code responsible for the mobile slider in your Custom Css box to this:
@media (max-width:480px){ .slider#slider-fullwidth { min-height: 667px !important;} .codeless_slider_swiper { min-height: 667px !important;} .codeless_slider_swiper .parallax_slider { min-height: 667px !important;} .codeless-slider-container.swiper-parent.swiper_slider.codeless_slider { min-height: 667px !important;} .codeless_slider .swiper-slide .buttons a.bordered { margin-top: 12px !important;} }
Please check your site. The slider displays ok in mobile devices now (screenshot).
Let us know.
super! thanks a lot!
You must be logged in to reply to this topic.
