Master Slider Loading Issue

  • I’m having an issue with the way Master Slider is loading. When I go to my site https://myterracare.com/ the slider takes a few seconds to load. I understand that it has to load the first image, but my issue is with the fact that there’s no height until an image is loaded. It makes the page jump and throws off styling until the page is fully loaded.

    I have load slides in sequence selected and have also enabled cache. Even with these settings, the slider seems to load after everything else on the site has loaded.

    Any help or suggestions?

    https://www.ads-software.com/plugins/master-slider/

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter bgoerzen88

    (@bgoerzen88)

    Just updated the stylesheet as of now to have set heights at different breakpoints on the master-slider-parent class. Still would like a fix for my above issue though.

    Hi, You are using Master Slider PRO.
    Please ask your question in Master Slider PRO forum:
    https://support.averta.net/envato/support/item/master-slider-wordpress-plugin/

    Regards,
    Averta Support

    Thread Starter bgoerzen88

    (@bgoerzen88)

    I apologize. I work for a web development company and we have just taken over the site for maintenance. Master Slider PRO isn’t registered to us.

    Hi,
    Sorry for mistake.
    Please give min-height to “master-slider-parent” class.
    Note: min-height should be same size with your first slide height.

    Regards
    Averta Support

    Thread Starter bgoerzen88

    (@bgoerzen88)

    Thank you for the response,
    But that’s essentially what I had before, but the slider’s aspect ratio stays the same when you resize the browser window… so If I set a min-height of 560px which is the actual height of the first image… that would look off on a screen resolution smaller than 1920×1080, such as a tablet or even a phone. What I need is for the min-height to keep the aspect ratio with the width. Is that possible?

    Thread Starter bgoerzen88

    (@bgoerzen88)

    would using vw and vh values maybe solve the issue? Though I don’t know if the javascript when resizing the window would overwrite my css?

    Hi,
    You need to set min-height for desktop view and use below code for responsive views:

    @media screen and (max-width: 768px) {
    body {
        min-height: 300px; //your size
    }
}

    Note: you need to use this code for each size of responsive view. like: max-width: 480px, …

    Regards
    Averta Support

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Master Slider Loading Issue’ is closed to new replies.