Why does this happen in Firefox?

that really sucks. The image route was your last option.

The problem is either FF 40 is not rendering properly… or the jquery code is doing something non-standard / non-typical. (not un-common with jq).

The code I provided is untested… it’s just to point you in the jquery direction.

The code goes in the footer - custom code area of your project dashboard.

In order for something really figure this out… they need to build out a demo… which I cannot do right now.

Try to get @bartekkustra (or another jquery person) in this conversation.

@Revolution ok well thanks ever so much for you help with this and the videos, really appreciate it. :+1:

@bartekkustra can you help any further please?

Just to give some more context to this i am using the functions for the flip effect as taken from the creators site here.

Hi @Revolution - I MANAGED TO FIX THE ISSUE!! :grinning:

All I had to do is to add the following to my head section in the Custom Code tab:-

<style>.profit {
        -moz-transform-style: preserve-3d;
    }</style>

!! That’s it! Now it works in Firefox normally

The actual project I was working on had 3 elements that kept disappearing in Firefox so all I did was target each element like this:-

<style>.profit, .circle, .tier1-weblink {
        -moz-transform-style: preserve-3d;
    }</style>

Now all the elements no longer disappear when flipped in Firefox.

Feels great to have solved this. I am no coder by any means - just used logic and (maybe some luck) and got there in the end - thanks @Revolution for your help with this. :relieved:

4 Likes

Fantastic ! I know how frustrating it can be.
I’ve been working on one of those (types of) issues for 3 days now with a deadline coming up :frowning:
No luck yet. I have ripped my code apart inside out.

I wrote a webflow->bootstrap conversion script… and now I’ve got a disappearing class issue.

I hadn’t even thought about fixing it the way you did.
And I am a coder !.. I’ll have to remember that fix.

Sorry I couldn’t provide a solution… but
I’m glad the issue is solved.

Hey @Revolution - have you posted a thread on this forum for help with your Webflow - Bootstrap conversion script?

Maybe someone can help here?

No. I haven’t. Turns out… It was my own fault. A stupid mistake.

I make them from time to time.

I was helping someone Friday night… and ended up creating this sample:

http://born.webflow.io/

I did it while in the kitchen…

Notice the “remove multiple classes” part.

In the process… I ended up making a dumb ass mistake.

When you edit the wrong file... you may get unexpected results.

The more you follow the wrong path... the harder it is to get back
- to where you first made the decision to take that route.

But hey… you live and learn by making mistakes and hopefully not repeating them.

My kids laughing at me… did make me smile though.

I kinda like knowing that my kids understood how I made the mistake

  • and how their recommendations helped me recover from it.

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.