Glitch in Safari on first slide transition

  • The issue can be found here: https://ccc.7ae.myftpupload.com/ (soon to be https://www.salopekconsulting.com, going through a domain transfer shortly)
    The preview works: Yes
    It works with other themes: Yes (tried in twentyfifteen theme, but with shortcode. On our theme we use the echo do_shortcode method in the header.php file)
    It works when I disable all other plugins: Haven’t Tried (disabling other plugins causes the page to break)
    Meta Slider version: 3.2.1

    Problem: I’m having a Safari specific problem, in which the first slide has a glitchy hiccup when transitioning to the second slide. It only happens on the first transition when the page is reloaded, and then all transitions after that work perfectly.

    It doesn’t do this when I used the shortcode in the content editor of the twentyfifteen theme, but in our current theme we are using it in the header.php file, so I’m not sure if that makes a difference.

    Any ideas what might be causing this?

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

Viewing 1 replies (of 1 total)

  • Hi there,

    I’m pretty sure it’s this CSS:
    https://salopekconsulting.com/wp-content/themes/salopek_consulting/style.css?ver=4.1

    a,
    #mega-menu-wrap-primary-2 #mega-menu-primary-2 a, .homeColumnContent div,
    .homeColumnContent, .teamMemberBackground, .teamMemberWrap:hover li,
    .teamMemberTitleWrap, .productOverlay, .woocommerce-page ul.products li.product.oneFifth,
    * {
    -webkit-transition: all 500ms ease .01s;
    -moz-transition: all 500ms ease .01s;
    -o-transition: all 500ms ease .01s;
    transition: all 500ms ease .01s;
    }

    Try changing the last value to:

    transition: none;

    Thanks,
    Dave

Viewing 1 replies (of 1 total)
  • The topic ‘Glitch in Safari on first slide transition’ is closed to new replies.