Canvas Support

Custom Transition Questions / Issues

1 reply · opened Dec 15, 2018

EedhebertDec 15, 2018

Hi-

I'm working on a site mockup at http://reminc.theblueocean.com/

I've created a custom transition graphic for the customer, a rotating svg you can see on its own at http://reminc.theblueocean.com/images/reminc/trilobular.svg

When applied to your template, the transition doesn't behave as expected. It zooms in and out white it rotates. Also on mobile devices, it stutters and doesn't play fluidly (even though viewing the svg file on its own on mobile plays as expected).

I'd like the logo to spin as designed, and just fadeIn and fadeOut as needed. I'd like the size to stay at 100px square (which is how you'll see that I'm styling it in the data-loader-html attribute).

Also, the transition doesn't appear when you navigate to secondary pages (try one of the Products items, as they're the only ones with pages currently linked). It only appears on the home page.

Can you please assist?

Thanks

SSemicolon WebSTAFFDec 15, 2018

Hello,

  1. Please use the following code:
data-loader-html=""

We have tested the above code on iPhone 6s/8/X and it appears to be working smoothly.

  1. You will need to apply this Code on all your Pages for it to appear across your Website.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard
Custom Transition Questions / Issues · Canvas Template Support