Hi,
This error was due to a missing closing tag, we have added a new feature in v4.2.2 to solve this issue, the Enfold Shortcode Parser.
It is hidden by default until you Enable Avia Layout Builder Debug which shows the shortcodes. It validates your code and has the option to correct.

I have activated this for you and used revisions to find the page you had before. The Parser found errors and I used the auto repair function to correct.
Please try editing your page to the way you want it and save again with the Parser in auto repair mode.

Best regards,
Mike

Hi,
I logged in but was given the warning that you are editing the page and was asked if I wanted to “take over”, please save your work and let us know if we can “take over”

Best regards,
Mike

Hi,
I was able to log back in, for some reason I had to clear my cache with a hard reload a few times.
Anyways, I was able to edit the About page and create a new page with different elements and publish successfully. I then moved it to the trash.
You said that you were editing pages fine until one page, are you still experiencing a non-working advanced layout builder?
Perhaps try a hard reload also, and also a different browser.

Best regards,
Mike

Hey dlambers,
I have checked on my localhost and the Creative Studio imports correctly. I suggest using the wp reset plugin to clear your site and also disable any plugins. If this doesn’t help, Can you please include a admin login in the private content area so we can take a closer look.

Best regards,
Mike

Hi,
I believe you are talking about this element:

#top.home .avia-builder-el-30 {display:none!important;}

Try this code in the General Styling > Quick CSS field

Best regards,
Mike

Hey brian7454,
The Enfold Shortcode Parser is a new feature to help validate the shortcode and should prevent any html generation errors like unclosed tags.
This is hidden by default until the debugger is activated. When the debugger is activated shortcode will show in the default editor, due to the Enfold Shortcode Parser.
As for your white screen it seems your php settings were very low, such as max time, but I couldn’t login a second times to get the details.
Was the login auto expiring?

Best regards,
Mike

Hey Eneas,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( do be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

Best regards,
Mike

Hey hylandgraphics,
Try this code in the General Styling > Quick CSS field:

.custom-hotspot .av-image-hotspot-pulse {
    background: transparent!important; 
}

Best regards,
Mike

Hey FFAlan,
Try this code in the General Styling > Quick CSS field:

#top.home #after_section_1 .template-page.content.av-content-full {
padding-top: 0 !important; 
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
While my screenshot was from Chrome, I investigated further and reloaded your page many times, and found that sometimes the error happened. To correct I cleared your cache and disabled “Autoptimize” and disabled the “Move scripts to the footer” & “Defer parsing of javascript files” in your Speed Booster plugin. Which has solved the issue, which I tested by reloading your page 10 times in Chrome with no issue.
Please clear your browser cache by doing a “Hard Reload” a few times, and check.

Best regards,
Mike

Hi,
Another approach would be to have a duplicate section of the “WordPress CMS” text and image under the current one, and use the custom classes to hide one on mobile and the other on desktop. In the duplicate section reverse the image and text and use custom css like this to show one or the other on the correct device.

@media only screen and (max-width: 767px) {
.wp-text,.wp-picture {display: none !important;}
}
@media only screen and (min-width: 768px) { 
.wp-text-2,.wp-picture-2 {display: none !important;}
}

This is where “wp-text-2 & wp-picture-2” are your new classes for the mobile view, and “wp-text & wp-picture” are your current classes for the desktop view. Also do not put a HR between the two.

Best regards,
Mike

Hi,

Glad we could help, we will close this now. Thanks for using Enfold.

Best regards,
Mike

Hi,
Froh, dass wir helfen konnten, schließen wir das jetzt. Danke für die Benutzung von Enfold.

(Glad we were able to help, we will close this now. Thank you for using Enfold. )

Best regards,
Mike

Hi,
Glad to help, please open a new thread if we can be of more assistance. Thank you for using Enfold.

Best regards,
Mike

Hi,
Thanks for that, we will wait while the team attempts to reproduce the issue.

Best regards,
Mike