-
AuthorPosts
-
October 28, 2017 at 8:42 pm #870011
The video does not work properly. It was working before just fine. My impression is, that the video stopped working after installing the latest enfold update. Can you help me?
October 28, 2017 at 10:35 pm #870035Hey bremerlloyd,
Please clear any minifying plugin and caches because some php base classes have been updated.Best regards,
MikeOctober 30, 2017 at 9:54 am #870391Hi Mike,
I deactivated and/or deleted all plugins. It is still not working.
I tried to place just a picture and it is working fine.
I also tried to link some external vimeo video. It also worked.
Than I checked my video, but this one is also working correctly.
Can you take a closer look at it?- This reply was modified 7 years, 1 month ago by bremerlloyd.
October 31, 2017 at 11:21 pm #871017Found out that this is a reported bug. Here is a temporary solution to that issue:
#top .av-video-slide video {
height: auto !important;
}#top .av-video-slide .mejs-container {
width: 100% !important;
}November 1, 2017 at 5:07 am #871059Hi,
Thanks for the feedback, so did that fix your problem? The video is loading on my end, though it is very slow.
Best regards,
RikardNovember 1, 2017 at 8:15 am #871082Thanks for asking,
well, besides being slow the fall back option on mobile does not work. The image is not adjusted to the screen. Could you check this?
Do you have some good recommendation to speed up the webpage. I.e. caching, smushing pictures etc.?
November 1, 2017 at 2:44 pm #871254Hi,
Thanks for the feedback. What exactly is the problem with the fallback image? Please note that some loss of image data on an image which is used a background is impossible to avoid. Maybe you could try with an image better adapted to mobile screens?
Speeding up sites can be difficult, my advice would be to make everything as small as possible. There are a few topics on page speed on the forum already, if you want to do a search. If you should need help speeding up your site then I would recommend you contact a service like SteadyWP.
Best regards,
RikardNovember 4, 2017 at 4:21 pm #872544The Problem with the fallback mobile image is, that it does not adjust to the screen size but is displayed in original size. Please check out the frontpage of http://www.nordic-lloyd.com using mobile.
November 6, 2017 at 4:58 pm #873160Hi bremerlloyd,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 479px) { #fullscreen_slider_1 .avia-slideshow-inner li { background-size: contain !important; background-repeat: no-repeat; } }
If you need further assistance please let us know.
Best regards,
VictoriaNovember 6, 2017 at 5:27 pm #873199Sorry but this did not work out. Can you check it once again.
November 9, 2017 at 4:50 am #874378Hi,
The fall back image is quite big (4000x3000px) and the aspect ratio is not proportionate to the standard screen sizes. Please use an image with an aspect ratio of 16:9 and consider the standard screen sizes when resizing an image.
// http://mediag.com/news/popular-screen-resolutions-designing-for-all/
Best regards,
IsmaelNovember 9, 2017 at 10:38 am #874581Hi Ismael,
thanks for the reply.Unfortunately it does not help. I changed the format to a 16:9 aspect ration. Reduced the image pixels to a size of mobile screens and reduced the size of the image. On my mobile device it still displays a white dotted background.
November 10, 2017 at 7:23 am #875047Hi,
Please resize the fallback image to 1920x1080px. If you want the whole image to be visible inside the container, use the following css code.
.avia-fullscreen-slider .avia-slideshow > ul > li { width: 100%; height: 100%; background-size: contain !important; background-position: center center; }
Note that this will create spaces around the slider container on certain screen sizes.
Best regards,
IsmaelNovember 12, 2017 at 6:09 pm #875774Sorry, but this is not working at all.
The fallback image is not displayed.
Can you check this again.THXNovember 14, 2017 at 6:49 am #876461Hi,
Could you provide a screenshot of the color section? You can also add another color section or build a different layout that is specifically designed for mobile view. Use the elements’ Screen Options to toggle their visibility on different screen sizes.
Best regards,
IsmaelNovember 15, 2017 at 9:44 pm #877219Well, I posted in a PM the login credentials. So feel free and take a look.
November 17, 2017 at 5:55 am #877936Hi,
I checked the page and I found out another slider for mobile view. Are you ok with this workaround?
Best regards,
IsmaelNovember 17, 2017 at 10:47 am #878005Well works fine for now. Will the issue be solved within the next update.
November 18, 2017 at 8:20 am #878400 -
AuthorPosts
- You must be logged in to reply to this topic.