Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • December 2, 2021 at 6:02 pm #1331346
    stacey_pritchett

    Hi,

    When the fullwidth easy slider is loaded on the page below – there is a empty/white space beneath it for a while – and then it closes the space. Is there a way to fix this so it loads properly – without the space? It really doesn’t look good.

    Thanks!

    December 3, 2021 at 9:23 am #1331418
    Ismael

    Hey stacey_pritchett,

    Thank you for the inquiry.

    It seems as though the issue only happens on the initial load. The slider becomes taller than it should be and only adjusts after the page has fully loaded. Does it help when you disable the text animation below the slider?

    Best regards,
    Ismael

    December 8, 2021 at 9:36 pm #1332034
    BC-Clients

    Hi Ismael,

    I am having this same issue on multiple (20+) client installs of the enfold theme. Seems as though there’s a new bug related to this. Can you and the team explore? I’ve tried a few quick CSS hacks, but nothing seems to work.

    /* fix issues with sliders having too much space below them */
.avia-slideshow {
    position: relative;
    margin: 50px 0;
    width: 100%;
    clear: both;
    overflow: hidden !important; /* added */
    max-height: 720px !important; /* added */
}

.av_slideshow_full.avia-slideshow {
    margin: 0;
    overflow: hidden !important; /* added */
    max-height: 720px !important; /* added */
}
.avia-fullwidth-slider, .avia-slideshow-inner, #full_slider_1  {
    overflow: hidden !important; /* added */
    max-height: 720px !important; /* added */
}

    Thanks,
    Shane

    December 8, 2021 at 9:44 pm #1332035
    BC-Clients

    Ismael,

    I’ve tried testing in Firefox, Chrome and Safari. Once you resize your browser window after the initial page load, the height of the slider adjusts to the proper height. Is it possible in a recent update of the theme or enfold core css that the responsive or max-height/height settings are not loading in the correct order? Not sure why this would happen universally…

    Any insight is much appreciated.

    Shane

    December 9, 2021 at 2:50 pm #1332148
    Ismael

    Hi,

    @bc-clients: Another user reported that the problem only occurs when image lazy loading is enabled. Did you install any plugin with a lazy loading option? Please try to disable the option temporarily, then check the page again. Make sure to purge the cache.

    Best regards,
    Ismael

    January 7, 2022 at 7:58 pm #1334718
    Mitchell Adams

    I’m seeing this issue as well where there is white space below the first slide on initial load along with the nav controls. After the first slide rotates out, everything displays as normal.
    This started after upgrading to 4.8.8.1
    Lazy loading is turned off and cache has been cleared on server and the client.

    Mitch

    January 7, 2022 at 8:08 pm #1334720
    Mitchell Adams

    I found the answer in another post about lazy loading. I turned it off in another plugin and the slider displayed as normal.

    Is this going to be addressed in future releases so we can utilize lazy loading?

    January 8, 2022 at 12:46 am #1334737
    Mike

    Hi,
    Was your issue with the lazy loading of the Smush plugin? If so this is being addressed by that plugin author, we can not change how it behaves.

    Best regards,
    Mike

    January 8, 2022 at 8:45 pm #1334813
    Mitchell Adams

    Hi Mike,

    It was SiteGround’s plugin.

    Mitch

    January 8, 2022 at 9:39 pm #1334815
    Mike

    Hi,
    As I recall they were using the same code as the Smush plugin, wpmudev was their sponsor.
    This was a recent issue and several Smush Pro members said that they opened support tickets at wpmudev. Their javascript is miscalculating the loading height, we can’t override this behavior, so for now just disable this option.

    Best regards,
    Mike

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Fullwidth Easy Slider’ is closed to new replies.