Tagged: full width easy slider
-
AuthorPosts
-
September 5, 2014 at 10:09 am #313883
Hi,
Great Theme by the way. Having trouble with the Easy Slider. When playing a video, the captions are not hiding and continue to be visible. Second, while viewing the page on mobile, the slider is not visible
Regards,
SumeruSeptember 5, 2014 at 4:06 pm #314093Hi suums!
Please re-update Enfold via FTP and make sure to overwrite all files – http://vimeo.com/67209750
Currently there is Avia.js file related error in console.Cheers!
YigitSeptember 5, 2014 at 6:58 pm #314160Hi Yigit,
Done but still not working the way it should. Ideally, the captions should disappear when the video is played. Another issue is with the main nav bar. If I use a smaller Monitor to see the site. Lets say one with 1024 px width, the last 2-3 menu items come in the 2nd line below home. You can see this by reducing the browser width as well.
Regards,
SumeruSeptember 7, 2014 at 11:38 pm #314775Hey!
For the nav bar, you can change the point at which the menu changes to the mobile menu from the header configurator in the theme options. If that isn’t early enough the best option is to reduce the number of menu items in your menu.
As far as I know the caption isn’t set to fade or be removed except when the slide changes.
Regards,
DevinSeptember 8, 2014 at 8:12 am #314900Hi,
What about compatibility with mobiles? Its not visible at all on mobiles. Also, could you please provide me with a code which disables caption when the video plays?
Regards,
SumeruSeptember 9, 2014 at 4:53 pm #315975Hey!
1) It’s not possible to hide the captions if the video starts to play. The captions are not meant to be used for videos but only for images. If you don’t want to display the captions over the videos you need to remove them. If you want to add captions to your videos you need to use the vimeo/youtube player – i.e. http://vimeo.com/help/faq/managing-your-videos/captions-and-subtitles
2) I marked this thread for Kriesi and asked him to test/debug the slider on his iphone/ipad.
Best regards,
PeterSeptember 11, 2014 at 10:29 am #317252This reply has been marked as private.September 11, 2014 at 2:14 pm #317381Hey!
Please add following code to Quick CSS
@media only screen and (max-width: 480px) { .responsive .logo a, .responsive .logo img { max-width: 90%; height: auto !important; } div#full_slider_1 { padding-top: 71px; }}
Regards,
YigitSeptember 11, 2014 at 6:44 pm #317574Hi,
Added the code but it didn’t work. Still the same.
Regards,
SumeruSeptember 12, 2014 at 4:59 am #317825Hi!
The code worked. Please remove browser cache then reload the page a few times. Add this to move the logo downwards a bit:
top: 5px;
Regards,
IsmaelSeptember 16, 2014 at 8:01 am #319632Hi,
Tried it on Several devices but the issue still persists. Screenshot – http://sumerised.com/wp-content/uploads/2014/09/Screenshot_2014-09-16-11-27-22.png from a Samsung Galaxy Note mobile.
Regards,
SumeruSeptember 17, 2014 at 5:21 am #320294Hey!
It’s working actually, please look at the two screenshots you posted:
http://www.photoindia.com/wp-content/uploads/2014/09/Screenshot_2014-09-11-13-56-51.png
http://sumerised.com/wp-content/uploads/2014/09/Screenshot_2014-09-16-11-27-22.pngReplace the code with this:
@media only screen and (max-width: 480px) { .responsive .logo a, .responsive .logo img { max-width: 90%; height: auto !important; top: 5px; } div#full_slider_1 { padding-top: 71px; } }
Regards,
IsmaelSeptember 17, 2014 at 9:37 am #320389Hi,
Added the code but the same problem is still there. There are no videos coming up in mobiles. just a blue icon and the slider is barely 5 px in height
September 18, 2014 at 9:57 am #321036Hi!
Please always remove the device browser cache before checking the page. The css snippets are working. Note that the video slide are disabled on mobile devices. You need to add a fallback image for mobile devices. Edit the video slide then choose the fallback image.
Best regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.