Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
The navigation arrows do not show because you are using the 'noskin' skin. It hides every GUI elements in the slider. You will need to use a different skin if you want to utilize the navigation areas.
There are empty spaces on certain screen sizes, because the embedded content is not set to fit the slider. You can use 100% width and height for layers, so they will always the fill the slider's canvas, no matter the viewing environment. Or for slide backgrounds, you can choose the stretch/cover options. Alternatively, you could use a different slider layout, that fits its inner content better.
As for the video, the plugin provides options to control the autoplay and the sound, and also to hide the video controls. But the recommended videos at the end, as well as the title on hover is related to the video player itself, and YouTube no longer provides options to remove these. But you have some alternatives that could work around these YouTube restrictions. For example, you could use an HTML5 self hosted video. Or use Vimeo instead, as I recall it still provides options to disable these. Another solution is to use the video as a slide background, that will remove the title on hover and also solve the empty gaps as mentioned above.
One more thing I noticed is that there is likely an error in the video's embed code. This is unrelated to this, but you might want to check on it. Since I can't see what you embedded exactly, I can only guess that there is a missing attribute closing apostrophe at the end of the URL.
Unfortunately at the moment there is no built-in option in the plugin to relocate or edit the navigation areas, you would need to do some coding to achieve it. Please note that it requires custom coding and web development experience so it is not recommended for unexperienced users. Alternatively, you can make a new skin or modify one, but it also needs some CSS knowledge.
You can approach this two ways. You can either edit the image file that contains the arrows. It was created with a "CSS sprites" method, meaning that only certain parts of the image is being showed. As long as you do not change the arrows' sizes drastically and leave it in the correct position in the image file, you can freely change it. This method does not require CSS editing.
Or you can edit the skin.css file. The classes you are looking for are .ls-nav-prev, .ls-nav-next
Ill see if i can learn enough to tackle this. This would be a nice feature.
One last thing, I noticed on mobile when the phone is rotated to landscape the slider goes to full screen which is awesome. However, navigation is absent and the slideshow stops. Is there a solution to this?
I have checked your site, but for me the slider is working properly in landscape mode too. The slideshow continues and the nav arrows are there too. I've tested this on both an Android and iOS device.
Have you managed to fix the problem in the meantime ?
In case not, could you please specify on what OS/browser/device are you experiencing this exactly ?
Thanks for checking. it doesn't seem to be acting the same way. In android chrome it was snapping into a fullscreen mode and stopping the slideshow. It doesn't enter the same fullscreen anymore, but the navigation is there.
Hello,
Please assist with the following issues:
Desktop
Mobile
Thanks,
Mike Fields
Hello Mike,
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
The navigation arrows do not show because you are using the 'noskin' skin. It hides every GUI elements in the slider. You will need to use a different skin if you want to utilize the navigation areas.
There are empty spaces on certain screen sizes, because the embedded content is not set to fit the slider. You can use 100% width and height for layers, so they will always the fill the slider's canvas, no matter the viewing environment. Or for slide backgrounds, you can choose the stretch/cover options. Alternatively, you could use a different slider layout, that fits its inner content better.
As for the video, the plugin provides options to control the autoplay and the sound, and also to hide the video controls. But the recommended videos at the end, as well as the title on hover is related to the video player itself, and YouTube no longer provides options to remove these. But you have some alternatives that could work around these YouTube restrictions. For example, you could use an HTML5 self hosted video. Or use Vimeo instead, as I recall it still provides options to disable these. Another solution is to use the video as a slide background, that will remove the title on hover and also solve the empty gaps as mentioned above.
One more thing I noticed is that there is likely an error in the video's embed code. This is unrelated to this, but you might want to check on it. Since I can't see what you embedded exactly, I can only guess that there is a missing attribute closing apostrophe at the end of the URL.
Hi Attila,
Sweet! I think I got everything working as best as possible. Thanks for the detailed help. You can take a look.
I also attached my embed code. Some of the stuff might be redundant, but i left as is.
oh, is there any way to make the arrows more visible? they seem to need a drop shadow or transparent disc.
Unfortunately at the moment there is no built-in option in the plugin to relocate or edit the navigation areas, you would need to do some coding to achieve it. Please note that it requires custom coding and web development experience so it is not recommended for unexperienced users.
Alternatively, you can make a new skin or modify one, but it also needs some CSS knowledge.
You can approach this two ways. You can either edit the image file that contains the arrows. It was created with a "CSS sprites" method, meaning that only certain parts of the image is being showed.
As long as you do not change the arrows' sizes drastically and leave it in the correct position in the image file, you can freely change it. This method does not require CSS editing.
Or you can edit the skin.css file. The classes you are looking for are .ls-nav-prev, .ls-nav-next
Thank you Atilla.
Ill see if i can learn enough to tackle this. This would be a nice feature.
One last thing, I noticed on mobile when the phone is rotated to landscape the slider goes to full screen which is awesome. However, navigation is absent and the slideshow stops. Is there a solution to this?
Thanks,
Mike
I have checked your site, but for me the slider is working properly in landscape mode too. The slideshow continues and the nav arrows are there too. I've tested this on both an Android and iOS device.
Have you managed to fix the problem in the meantime ?
In case not, could you please specify on what OS/browser/device are you experiencing this exactly ?
Thanks for checking. it doesn't seem to be acting the same way. In android chrome it was snapping into a fullscreen mode and stopping the slideshow. It doesn't enter the same fullscreen anymore, but the navigation is there.
Thanks again. I think i'm bug free:)
Thank you for the feedback, glad you could solve the problem.
If you need further assistance please let us know.