Page Transitions Style.css Code Blank Page on Sub Folder

Question

I have a page in a sub folder calling that works fine until i include style.css then it gives a blank page.

I've narrowed it down to the code below. when the code below is not included in style.css the page loads fine. When it is included its just a blank page.

Help please.

/* ----------------------------------------------------------------
Page Transitions
-----------------------------------------------------------------*/

body:not(.no-transition) #wrapper,
.animsition-overlay {
position: relative;
opacity: 0;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

SemiColonWeb · Accepted Answer

Hello,

According to the issue you have mentioned, it appears there is JS Conflict on your Page which is causing this issue. Please consider checking out your Browser's Developer Console for more information on the Exact Error on the Page.

Hope this Helps!

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

mikekoenig · Answer

I also do not see animation

mikekoenig · Answer

But it loads fine on root example

http://website.com/index.php
http://website.com/test.php

but not on

http://website.com/sub/index.php
http://website.com/sub/test.php

on either IE, Chrome, or Mobile

As soon as i remove

body:not(.no-transition) #wrapper,
.animsition-overlay {
position: relative;
opacity: 0;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

it works.

Please give me the solution.

mikekoenig · Answer

When I remove this line opacity: 0; it works fine. what does that line do?

Semicolon Web · Answer

Hello,

As mentioned earlier, there is a Javascript Error on your Page, which is causing this issue.

Use the following CSS Code:

body:not(.no-transition) #wrapper { opacity: 1; }

This will definitely work fine. Hope this Helps!

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