Home Forums Community Forum Flip box Edge Error

Only users with a registered purchase of Avada can post to the community forum. Please register your purchase here.

Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • Its-Amazing
    Participant
    Post count: 1

    Hi i would need help please

    I have an error with flip boxes when viewing the page on Edge
    see: https://i.imgur.com/CdPM9ZO.png
    it´s stuck linke that after hovering
    version: Avada 6.1.2

    thanks in advance

    tdgd
    Participant
    Post count: 3

    For others experiencing this issue, we’ve discovered that using 3D mode works fine in Edge, otherwise it breaks like above.

    mammalalien
    Participant
    Post count: 4

    Also a problem for me in Avada 6.2.3.

    I notice that when using flip down, the front face is also flipping through the wrong axis. It is a style dynamically added when you visit using an edgeHTML version of Edge. This seems like a bug and something that needs to be addressed via an update.

    In the mean time, as per tdgd’s suggestions 3D mode helps but doesn’t fully solve the issue. 3D mode plus the following CSS did the trick for me:

    /* Make 3D mode look like Classic mode */
    #wrapper .fusion-flip-boxes.flip-effect-3d .flip-box-back-inner,
    #wrapper .fusion-flip-boxes.flip-effect-3d .flip-box-front-inner {
    	-webkit-transform: translateZ(0.1px) scale(1);
    	transform: translateZ(0.1px) scale(1);
    }
    
    /* Fix edgeHTML flipping the front in the wrong axis */
    #wrapper .fusion-flip-boxes .fusion-flip-box.flip-down.hover .flip-box-front,
    #wrapper .fusion-flip-boxes .fusion-flip-box.flip-down:hover .flip-box-front {
    	-webkit-transform: rotateX(-180deg);
    	transform: rotateX(-180deg);
    }

    (If you’re not a code-ish person, paste it into Avada > Theme Options > Custom CSS)

Viewing 3 posts - 1 through 3 (of 3 total)
Only users with a registered purchase of Avada can post to the community forum. Please register your purchase here.