Slider Mod

General Discussions
1

I’m using the content slider which works fine on the desktop but on mobile I have an issue. When the page loads on mobile the initial height of the content slider is incorrect but after the the slider moves it will correct it’s self.

example: https://www.tmileadershipconsulting.com/

this happens on both phone and tablet

2

Hey James,

Which slider on the site are you referring to? I tried to check the one with the buttons and the other with the video and they work just fine on my end. What phone are you using specifically to check? Do you think you can grab a screenshot of it happening?

Ben

3

I’m talking about the content slider here is a better example:https://www.tmileadershipconsulting.com/consulting/ i’m using the iPhone 6plus but I get the same thing on the iPad. Here is a screen shot: https://www.dropbox.com/s/3azvgugz8wlh4vy/BB-Screen.jpg

4

Hey James,

Are you doing something special to the embedded video? It looks like you’ve added a lightbox script to it as well. Do you mind sharing how you implemented that so I can test it on my end and see if I get the same thing?

Ben

5

Here is the code:
<div class=“vid-frame”>
</div><script charset=‘ISO-8859-’ src=‘https://c.sproutvideo.com/lightbox/v1.0.0.js’></script>

Here is the CSS:
.vid-frame {
border: 1px solid #FAA61A;
box-shadow: 6px 10px 9px rgba(0,0,0,.5);

6

Hey James,

Sorry, but can you place the code inside backticks so it doesn’t get rendered? You can highlight the entire code and hit the code button above.

You can also place the code on Gist and share the link here. :slight_smile:
https://gist.github.com/

Ben

7

Here is the code:

<div class="vid-frame">
<a href='//videos.sproutvideo.com/embed/7c9bddb41813ecc2f4/b6e79bc87b4f32ce?type=hd&playerColor=2f3437&autoPlay=true' class='sproutvideo-lightbox' data-width='1280' data-height='720'><img src='https://cdn-thumbnails.sproutvideo.com/7c9bddb41813ecc2f4/b6e79bc87b4f32ce/1455043932/640/360?btn=true' style='max-width:100%'/></a></div><script charset='ISO-8859-' src='https://c.sproutvideo.com/lightbox/v1.0.0.js'></script>
8

Hey James,

Sorry, but I can’t seem to recreate the issue on my end. I even went as far as using the images on your hosting but to no avail. Do you think you can provide temp admin access to the site so we can check further?

Ben