Not able to see the content of the page when I am not logged in control panel

There’s an HTML div with the class aux-page-animation-overlay that’s covering up the entire page.

I don’t know what this is supposed to do, but it’s coming from your “Phlox Pro” theme and the following is the CSS from your theme that’s causing the issue (100% width and height, white background).

.csstransitions .aux-page-animation-fade .aux-page-animation-overlay {
    position: fixed;
    height: 100vh;
    width: 100vw;
    background: #FFF;
    z-index: 9;
    transition: visibility 0s linear 1000ms, opacity 1000ms cubic-bezier(0.86, 0, 0.07, 1);
}

You may:

1. Check the feature in your theme’s setting to see if something is misconfigured
2. Disable the feature completely, if possible
3. Override the CSS (I don’t know what effect this will have on the feature!)
4. Contact your commercial theme’s vendor for help, as we don’t have access to the theme files to be able to install and test anything.