-
-
Hi,
The codeless slider in mobile view does not show the full text (subtitle and CTA) of the slide. It cuts off the top and bottom.
URL: https://spectrum.tdsdevelopment.org/
Please advice.
Cheers,
AK
-
Hello,
Please add this code itno your custom css box:
@media (max-width: 480px){ .codeless_slider .swiper-slide .content h1 { font-size: 15px !important; line-height: 19px !important; }}
Let us know.
Best regards!
-
Hi Mihaila,
We tried using the CSS code you sent. We couldn’t see any changes.
Below are the screenshots for some CSS errors we (think) are getting and the the site in mobile view.
<span style=”color: #212121; font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;”>https://goo.gl/photos/wWZgHunBtRskE13U8</span>
Also:
+ the header in mobile view is too thick (extra white space).
+ we tried to slow down the codeless slider speed , but it doesn’t seem to work.
Please advise.
Cheers,
AK
-
the screenshots link: <span style=”color: #212121; font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;”>https://goo.gl/photos/wWZgHunBtRskE13U8</span>
-
-
Also in mobile view, the slide content gets overlapped with the black arrows, is there a way to make these transparent or another way that they don’t end up covering the content.
-
Hello,
The site looks just like the screenshot i send you. Please clear cache and try again. I added this code for the white space on top of slider:
@media (max-width: 979px){ .top_wrapper { padding-top: 0 !important; }}
Assign the speed in page’s General Settings > Sliders options > Codeless Slider Speed.
Best regards!
-
Okay, the header white space has been fixed.
But:
+ The slides in mobile view, the Text and CTA are still getting cut off, or the text is not responsive and CTA is cut. Check the screenshots.
Also:
+ The Slider speed is not working. We updated it to ‘150000’, but still they fly off in 5 seconds.
+ <span style=”color: #393d40; font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;”>Also in mobile view, the slide content gets overlapped with the black arrows, is there a way to make these transparent or another way that they don’t end up covering the content.</span>
Cheers,
AK
-
Hello,
1-I opened your site in mobile(iphone) and the Text and CTA show up correctly. Please clear cache and refresh page.
2-Where did you made the slider speed changes?
3-Please add this code into your custom css box:@media (max-width: 480px){ .codeless_slider .nav-thumbflip .icon-wrap { background-color: rgba(0, 0, 0, 0.53); }}
Let us know.
Best regards!
-
Okay Thanks Mihaila.
We are changing the slider speed from the Page>General Settings>Slider Options. This is the Screenshot.
-
Hello,
Please go to file js/main.js and find these lines:
var c_speed = $('.codeless_slider').data('speed'); if(c_speed == 'undefined') c_speed = 800; codelessSlider = new Swiper('.codeless_slider',{ slidesPerView: slide_per_view, paginationAsRange: false, loop: true, touchRatio: 0.7, autoplay: 3000, speed: c_speed,
Remove this line:
c_speed = 800;
from it and edit this line:speed: c_speed,
to this:speed: 800,
Save changes and refresh.Best regards!
-
You must be logged in to reply to this topic.