Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • October 28, 2017 at 8:42 pm #870011
    bremerlloyd

    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 #870035
    Mike

    Hey bremerlloyd,
    Please clear any minifying plugin and caches because some php base classes have been updated.

    Best regards,
    Mike

    October 30, 2017 at 9:54 am #870391
    bremerlloyd

    Hi 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?

    October 31, 2017 at 11:21 pm #871017
    bremerlloyd

    Found 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 #871059
    Rikard

    Hi,

    Thanks for the feedback, so did that fix your problem? The video is loading on my end, though it is very slow.

    Best regards,
    Rikard

    November 1, 2017 at 8:15 am #871082
    bremerlloyd

    Thanks 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 #871254
    Rikard

    Hi,

    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,
    Rikard

    November 4, 2017 at 4:21 pm #872544
    bremerlloyd

    The 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 #873160
    Victoria

    Hi 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,
    Victoria

    November 6, 2017 at 5:27 pm #873199
    bremerlloyd

    Sorry but this did not work out. Can you check it once again.

    November 9, 2017 at 4:50 am #874378
    Ismael

    Hi,

    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,
    Ismael

    November 9, 2017 at 10:38 am #874581
    bremerlloyd

    Hi 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 #875047
    Ismael

    Hi,

    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,
    Ismael

    November 12, 2017 at 6:09 pm #875774
    bremerlloyd

    Sorry, but this is not working at all.
    The fallback image is not displayed.
    Can you check this again.THX

    November 14, 2017 at 6:49 am #876461
    Ismael

    Hi,

    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,
    Ismael

    November 15, 2017 at 9:44 pm #877219
    bremerlloyd

    Well, I posted in a PM the login credentials. So feel free and take a look.

    November 17, 2017 at 5:55 am #877936
    Ismael

    Hi,

    I checked the page and I found out another slider for mobile view. Are you ok with this workaround?

    Best regards,
    Ismael

    November 17, 2017 at 10:47 am #878005
    bremerlloyd

    Well works fine for now. Will the issue be solved within the next update.

    November 18, 2017 at 8:20 am #878400
    Ismael

    Hi,

    We can’t reproduce the issue on our end, unfortunately. Please create a separate test page so that we can inspect the issue again on your installation.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)
  • You must be logged in to reply to this topic.