Codeless Slider Responsive/Mobile View

codeless slider

- 9 years, 7 months ago atlas_media
 Participant
 
 Expired
 
 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
- 9 years, 7 months ago Mirela
 Participant
 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!
- 9 years, 7 months ago atlas_media
 Participant
 
 Expired
 
 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.
 
 https://goo.gl/photos/wWZgHunBtRskE13U8
 
 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
- 9 years, 7 months ago atlas_media
 Participant
 
 Expired
 
 the screenshots link: https://goo.gl/photos/wWZgHunBtRskE13U8
- 9 years, 7 months ago atlas_media
 Participant
 
 Expired
 
 The Screenshots
- 9 years, 7 months ago atlas_media
 Participant
 
 Expired
 
 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.
- 9 years, 7 months ago Mirela
 Participant
 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!
- 9 years, 6 months ago atlas_media
 Participant
 
 Expired
 
 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.
 
 + 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.
 
 Cheers,
 
 AK
- 9 years, 6 months ago Mirela
 Participant
 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!
- 9 years, 6 months ago atlas_media
 Participant
 
 Expired
 
 Okay Thanks Mihaila.
 
 We are changing the slider speed from the Page>General Settings>Slider Options. This is the Screenshot.
- 9 years, 6 months ago Mirela
 Participant
 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!

Viewing 10 reply threads

You must be logged in to reply to this topic.

Community Forums

Site Links

Useful Articles

Login