Okay
  Public Ticket #2744762
LayerSlide Not rendering appropriately in Safari
Closed

Comments

  • Bruce Burstein started the conversation

    I am using LayerSlider on the home page of 'www.medicalconversation.com'.

    Note, everything renders perfectly in Chrome.

    In Safari, however:

    1) The Pacifico font -- used in the slide titles -- which (a) was the default for the LayerSlider 'GASTRONOMY' template and (b) is included in the Google Fonts import list (under 'LayerSlider WP, Options, Google Fonts') does not render correctly in Safari; the right side of any right-leaning font (i.e. Capital B's, and lowercase d's, f's, l's, t's) are cut off by the next character or space.

    2) The title underlines behave erratically on all slides -- in Safari, but not in Chrome.

    3) The Subtitle text (Cuprum, also (a) default for this template, and (b) included in the LayerSlider Google Fonts list) does not render on slides #2, #4, #6 - which all appear on the left side.  The text boxes on the right (slide #1, #3, #5) appear normally.  Again, this is the default functionality for the 'Gastronomy' template.

    4) Slide #3 ('Focused Assessment Conversation') the informational box (again, default with template) does not render correct right-sided padding for 'Critique Treatment' in Safari, but does in Chrome.

    Thank you.

    P.S.: Note the difference between Safari and Chrome for your template.  See:

    https://layerslider.kreaturamedia.com/sliders/gastronomy/

  •  244
    Kreatura Support replied

    Hello Bruce,

    Thank you for getting in touch with us!

    As I see it caused by the opening text transition of the layers. If I disable this feature then it works properly in Safari too. I will forward this problem to the developers.

    Best Regards,
    Andrea | Kreatura Support Team

  • Bruce Burstein replied

    Hi Kristof,

    Can you please provide (detailed) instructions regarding 'disabling text transition of the layers' which provided remedy with the Safari browser?

    Also, is this on a project plan for a fix?  If the fix is not planned for the near term I will, unfortunately, have to redo my home page sliders with another template.


    Thanks,

    Bruce

  •  244
    Kreatura Support replied

    Hello Bruce,

    Thank you for your feedback!

    I show you a video about how to disable the text-transition for a specific layer.
    https://www.loom.com/share/ad4f04b598514d8d83e797b3ca284438

    Unfortunately, in safari, using some font and text transition can cause such reder bugs.
    Currently we couldn't solve this problem, we're constantly looking for solutions, but we can't override the rendering of the browser. Of course, if we find some workaround for this in the future, we will implement it

    Best Regards,
    Andrea | Kreatura Support Team