Home Forums Glissando Animations on Safari partially working

This topic contains 5 replies, has 2 voices, and was last updated by  Joshua 2 weeks ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #47867

    elbsurfer
    Participant

    Hello ThemeLuxe,
    I fixed the Chrome issues with the Glissando a while ago, but now I have an Issue on Safari. The animations are not loading in every case.

    I did change

    var scrollElem = 'html,body';

    to

    var scrollElem = $(document.scrollingElement || "html");

    in scripts.js on line 226. Now, when I enter a normal text it works, but when I use this for example it is not shown on Safari:

    [animate delay="0" duration="1500" animation="fadeInUp"]
    <p style="text-align: center;">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>[/animate]

    Can you advise? Thanks!

    #47868

    elbsurfer
    Participant
    This reply has been marked as private.
    #47869

    Joshua
    Keymaster

    I see animations running every time in Safari and Chrome. Can you clear your cache and see if the issue persists?

    #47870

    elbsurfer
    Participant

    Joshua,
    thank you for your quick response and yes, you are totally right. It works.

    Thanks and sorry ;-)

    #47875

    elbsurfer
    Participant

    Hello Joshua,
    I noticed another error.

    This section looks on chrome like this one: https://d.pr/i/88zBWo

    On Safari it looks like this: https://d.pr/i/moU1Yr So the images are aligned vertically instead of horizontally. If I click on another category and then back to “All” it works fine, but it should be aligned properly in the initial state. I assume this is a race condition error… can you check?

    Thanks!

    #47878

    Joshua
    Keymaster

    Haven’t seen this before- could be caused by third party plugin or CSS, but adding this to your Custom CSS should work:

    portfolio4c.portfolio-container .isotope {
      float: left;
    }
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.