Adding the wrapper id causes the page to go blank.

Question

Using your template in a vueJS app. Everything renders fine when I keep the id="wrapper" out of the code. Styles look correct, images load. When I swap out the id="" for id="wrapper" I get a blank page, but I can see all of the data in the developer console. I'm wondering if you can help me understand what jquery function I should call again after the vuejs hydrates with data from the API. Feels like it might be as simple as rerunning whatever runs on your theme after the page loads the first t…

SemiColonWeb · Accepted Answer

Hello,

Unfortunately, Page Transitions currently cannot be called manually, since the Page is Loaded in Window Load. To fix the issue with Blank Page, please find and delete/comment the following code in the js/functions.js File:

SEMICOLON.initialize.pageTransition();

and add 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.