-
-
I’m having a hard time with the responsiveness of the codeless slider.
1) On our about us page, the slider initially shows up, but when I scroll down, it disappears and when I scroll back up, I just have a black box there (see image 1)
2) On our Specialties page, when I look at it on mobile, the image is huge (image 2 below) and only part of it shows, then when I scroll down, it resized to be 100% width. How can it start like that?
-
Hello,
I checked the “About us” page and there was not specified a height for the slider in Page’s General Settings > Sliders Options > Slider Height. I added the value and the slider is showing ok in mobile too. Please see this screenshot.
-As for the slider in “Specialties” page, i added this code into the page’s custom css box:
@media (max-width: 480px){ .swiper-slide.swiper-slide-visible.swiper-slide-active { background-size: contain !important; background-position: top center !important; height: 185px !important; } .slider { height: 185px !important; } }
This is the result: https://pho.to/AeEe0
Let us know.Best regards!
-
-
You must be logged in to reply to this topic.