Compatibility with Enfold theme

  • Resolved scylderon

    (@scylderon)


    7 years, 6 months ago

    Hey there,

    I’ve tried this on several different sites using the Enfold theme (https://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990) and I keep running into some kind of javascript or CSS conflict.

    The theme uses some basic CSS animations and transitions for some of its items which, with OCS enabled, don’t work at all. Images and icons that should animate in on page load or when scrolled-to do not ever load (so the space just remains blank).

    I’ve done some basic troubleshooting on this, but it seems like the conflict originates with OCS.

Viewing 12 replies - 1 through 12 (of 12 total)
  • Plugin Author Jory Hogeveen

    (@keraweb)

    Hi @scylderon,

    Because of the structure of these themes chances are that compatibility with these large themes won’t work.
    From you description my first guess is that the problem is with fixed elements on your page. More info here with a similar report: https://www.ads-software.com/support/topic/compatability-with-optimizer-wp-theme/

    This is an issue with Slidebars (the off-canvas library I’m using for this plugin).
    I have been busy for a long time to get this fixed for the next major release (0.4).
    More info here:
    https://github.com/JoryHogeveen/off-canvas-sidebars/pull/25
    https://github.com/JoryHogeveen/off-canvas-sidebars/tree/dev

    This version will implement a “legacy” solution with the use of CSS2 instead of CSS3-translate.
    I’m not sure when it’s ready for a release. Realy busy and I’d like to test some more cases before putting it live.

    Keep in mind that this plugin has yet to reach an official stable release (1.0).

    Thread Starter scylderon

    (@scylderon)

    Thanks, Jory! I’ll keep an eye out for the new release.

    The site I’m working on now is in development (and will be for a number of months), so if there’s a beta release, I can help test it to see if the legacy solution fixes the compatibility issue there.

    (The elements in question for Enfold aren’t ‘fixed’. Looking at them now, it’s all relative positioning. It seems only to affect elements that have a CSS3 transition animation.)

    Plugin Author Jory Hogeveen

    (@keraweb)

    Hi @scylderon,

    The current version on GH won’t change a lot in terms of settings. Thinks that will need to be done is mostly just checking various settings in terms of UI and create a script to migrate from 3.x to 4.0.

    (The elements in question for Enfold aren’t ‘fixed’. Looking at them now, it’s all relative positioning. It seems only to affect elements that have a CSS3 transition animation.)

    Let me know which elements you mean exactly and I will check what is happening.

    It would be great if you would like to test it and notify me of any problems.
    I’m out of town until the 30th but can continue when I return.

    Thanks in advance! Jory

    Plugin Author Jory Hogeveen

    (@keraweb)

    Hi @scylderon,

    Did you manage to test the v0.4 version from GitHub?
    Let me know!

    Regards, Jory

    Thread Starter scylderon

    (@scylderon)

    Thanks for the reminder! Been occupied with other things lately.

    I installed the dev branch of the plugin and it, on my first pass, does appear to have resolved the issue. Woo!

    That said, I haven’t tested the dev branch extensively, so if there’s celebration to be done, do so cautiously. I briefly tested MOST of the elements that come with the theme, and I haven’t spotted any conflict yet. I’ve also, in the interim, disabled CSS animations from most of those elements anyway (design-wise, they’re a little over the time and distracting), so… I’m hoping that I’m in the clear.

    Thanks, Jory!

    Thread Starter scylderon

    (@scylderon)

    Yeah, I called it too soon.

    It appears to be exhibiting some weird behavior. Here’s a preview:

    https://screencast-o-matic.com/watch/cbjZeplPkI

    There, you see me open the widget area with a link twice, closing it each time with the ‘close’ button inside the sidebar. The third time I open it, I close it by clicking outside the sidebar, and it closes itself instantaneously (not transitioning out). Open it again, and it instantly closes itself, and proceeds to do this sort of rubber-banding thing over and over.

    It’s somewhat inconsistent, and doesn’t happen every time, but the whole process is very volatile and not very reliable at present.

    Plugin Author Jory Hogeveen

    (@keraweb)

    Hi @scylderon,

    Thank you for testing! It looks like some sort of JS loop, have some ideas but not sure.
    I will look into this, what browser are you using?

    Thanks, Jory

    Thread Starter scylderon

    (@scylderon)

    I’m using Chrome.

    Plugin Author Jory Hogeveen

    (@keraweb)

    Me too, didn’t noticed this glitch yet. Are there any specifications I should check? (animation styles, custom css, etc.)

    Thanks, Jory

    Plugin Author Jory Hogeveen

    (@keraweb)

    Hi @scylderon,

    I’ve tried clicking around fast on several sidebar locations and animation types but can’t seem to replicate the behaviour you have.
    Can there by anything I’m missing?

    Let me know! Thanks, Jory

    Plugin Author Jory Hogeveen

    (@keraweb)

    Hi @scylderon,

    I just set the version to a first release candidate on the development branch.
    There are some more JS enhancements and new features.
    If you are able to test, let me know!
    https://github.com/JoryHogeveen/off-canvas-sidebars/pull/25

    Regards, Jory

    Plugin Author Jory Hogeveen

    (@keraweb)

    Hi @scylderon,

    v0.4 is live now.
    I’m closing this issue since the original issue is fixed.
    If you find anything for me to continue on your click behaviour please join the conversation on GitHub: https://github.com/JoryHogeveen/off-canvas-sidebars/issues/33

    Regards, Jory

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Compatibility with Enfold theme’ is closed to new replies.