Hey blaircomm1,
Thanks for your question, unfortunately, we have not finished the specific documentation about the new features yet, to test the new demo I recommend setting up a localhost test site or a sub-domain test site and importing the demo to evaluate. We don’t recommend trying to import a demo to your live site as it will overwrite some of your settings.
In this thread we helped explain that in the new parallax demo many of the elements are using padding and margin to achieve some of the effects, perhaps this will help.

Best regards,
Mike

Hi,
Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Thanks for the feedback, I see that you are getting this error: Uncaught ReferenceError: jQuery is not defined typically this means that you are loading jQuery in your footer, try this script instead in your child theme functions.php

function article_categories_before_read_more() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
$('article.post-entry').each(function() {
$( this ).find('.blog-categories.minor-meta').insertBefore($(this).find('.read-more-link'));
});
})(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'article_categories_before_read_more');

Best regards,
Mike

Hi,
You have two errors, first your origin url is not wrapped in commas like the code I corrected above,
you have: if(evt.origin !== https://www.your.site) return ;
it should be: if(evt.origin !== 'https://www.your.site') return ;
second error is that you are still using the jQuery statement for the iframe.height
you have: iframe.height = ${evt.data.resize.height}
it should be: iframe.height = evt.data.resize.height;
So it looks like you are using the old code instead of the corrected code.
If the code on your page backend is the new code I posted then you should try clearing your server cache, if it is an object-oriented cache such as Memcached, Redis, Varnish, Litespeed, etc. then it is still using the old page.
Please review this code, note that the urls are not your so you will need to adjust.

<iframe id="nw-kokonaistarjooma" style="width: 100%; border: none; margin: 0; padding: 0;" src="https://www.your.site/index.html"></iframe>

<script>
(function() {
const iframe = document.querySelector('iframe#nw-kokonaistarjooma');
window.addEventListener("message", evt => {
if(evt.origin !== 'https://www.your.site') return ;
if(evt.data.resize) {
iframe.height = evt.data.resize.height;
}
});
}());
</script>

Best regards,
Mike

Hi,
It looks like the same code I posted, did you check to ensure that the quotes didn’t turn into curly quotes when you copied the code?
Otherwise, I will need to see a test page to see if you have any errors, as you noted this is working on my test page.

Best regards,
Mike

Hey tammiviestinta,
Thanks for posting your code block snippet, but your javascript has errors and the iframe had the height set to auto with inline css, below is the corrected script and the link to my test page.

Best regards,
Mike

Hi,
Sorry I thought the menu and search icon being stacked was an error, I returned it to the way it was and I made the mobile logo disappear on the mobile version only, when scrolling.
Please check.

Best regards,
Mike

Hi,
Guenni007 thanks for your example page and input, while Enfold does support direct use of webP, Chris_85 is not tring to do this, he wants to use the Imagify plugin that replaces the <img> tags with <picture> tags and then shows webP images, instead of just directly using the webP in the current <img> tags.

Best regards,
Mike

Hi,
Glad Guenni007 could help, thank you Guenni007, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Thanks, now I’m getting an error “Google reCAPTCHA verification failed” but I don’t see a reCAPTCHA prompt on the login screen.
To recap the issue, the easy slider and full-screen slider work fine on other pages, just not on the homepage.
On the homepage images don’t appear and you are having trouble removing the sliders?
Please check if you have added any html tags in the slider captions or titles, if you have unclosed tags then it could case this issue and sometimes you won’t be able to remove the element and save the page, it will just keep showing it.
Try removing the slider completely and save the page then view the frontend, not the preview, and then try to edit again, is the slider still there?
If not try adding a new image with no title or caption and see if that works.

Best regards,
Mike

Hi,
Guenni007 thank you for sharing :)
peterolle glad that this helped, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Please check the link to the login page, I’m seeing this so I can’t login:

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike