Hi,
Please include FTP access in the Private Content area, or your webhost file manager access, such as cPanel, for both sites.

Best regards,
Mike

Hey leftangle,
Sorry for the late reply and thanks for the login. I tried to change some settings and received this error:
wp-admin/admin-ajax.php 500 (Internal Server Error) please check your server error log for a cause.
I believe that your web host is forcing jQuery to be loaded in the footer, there are several ways web hosts may do this, please ask your web host to remove this, and load jQuery Migrate.
This is how your Enfold Theme Options > Performance > Change WordPress defaults option looks: https://savvyify.com/img/image/t4oD
This is how it should look: https://savvyify.com/img/image/tJW9

Best regards,
Mike

Hi,
Thanks for the screenshot, so the error on line 44 is basically “if null throw error ‘must not be null'” but since it is for the Ga hosted script the error must be before this. I wonder if it has to do with cookie permissions, I see you have a custom script to “delete already set cookies if disabling afterwards”?
But checking your other site on IE11 the plugin seems to be working with Enfold and you said the plugins are the same? Is this on the same server, PHP version?
If so, then there should be something that is different. I noticed on your live site, on IE11 the map shows and then when I accept the cookie banner the page reloads, slowly almost like it was going to crash, and then it shows again. So this is why I’m thinking this is related, but perhaps not.
So the one that works is your live site, and the other is a dev site? If the live site is cloned to the dev site, does the map then work on IE11?
Are you trying to have a cloned dev site to test with, or is the dev site ment to be a future new site? Just wondering if cloning would be an option.

Best regards,
Mike

Hi,
Thank you for the screenshot, so to me it looks like the three columns of icons do not align consistently across all three columns because some icon text is two lines while others are only one line. I recommend having the icons with two lines of text in the same place in each column, for example, if the first item in each column has two lines of text while the rest are only one line, then each column will align. The same would be true if all items had only one line of text, or if all had two lines. But since only a few have two lines, try to split them between the columns evenly.

Best regards,
Mike

Hi,
Thanks for the login, I tried checking your “Session One” page as in your screenshot, and I set the Classic Editor in the theme options, but I don’t see the same.
Right now Session One & Two are created with the Advanced Layout Builder, viewing the page with the Classic Editor doesn’t show the error, but you would not want to edit the page with the Classic Editor for losing the ALB elements.
Perhaps I looked at the wrong section, please explain how I can recreate and what browser and OS are you using.

Best regards,
Mike

Hi,
Thanks for the feedback and screenshot, I tried switching to the Gutenberg editor and checking on IE11, but it didn’t recreate the error. If the error shows you again try clicking on the first error in the console:
script5005: string expected js (44,436)
typically this will take you to the error in the script, I see this happens twice in your screenshot before the polyfill error.
In my research I did find a similar error, but I’m not sure how this relates to your issue other than another IE11 issue.
So you have another identical page on the same site that works on IE11? Can you link to it?

Best regards,
Mike

Hi,
Alright, shall we close this then?

Best regards,
Mike

Hi,
Glad to hear deactivating your plugins helped, while you are building your site I recommend disabling your caching and compressing.
Once you are done plugins like “WP Super Cache” typically work well, what I have noticed is when many plugins with the same functions are used together.
In your testing did you narrow the error down to one plugin? It could be as simple as a single setting, or it could be two plugins not working together.

Best regards,
Mike

Hi,
Thanks for the login, I see that the images that result in a 404 on your site are cropped images, that is they are image sizes that are created by the theme or WordPress. So since you are importing posts and media from a different WordPress theme, I imagine that the media import was for the full-size images, which you see in the media library, but the posts use cropped images that were not imported or created by Enfold.
So the solution is to copy the “uploads” directory via FTP from your old site to your new site, this will add all of the cropped images to your new site.

Best regards,
Mike

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

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,

@Morticka sorry for the late reply, thanks for the video, is that Safari on a mobile device?
So I tested on a Android (Chrome) and couldn’t reproduce, nor with Chrome on Windows 10, I did see a slight movement on Firefox on Windows 10, but when I open the dev tools it stops so I can’t see what is going on.
On Edge, the jumping is more, and on Safari on a Mac it is also more.
The only solution I could think of is to remove the ID for the toggle, which matches the “fake ID” in the address bar. Since you are not linking to it directly it should not be an issue.
So as a test I added this to your functions.php

function custom_script(){
  ?>
  <script>
 jQuery(window).load(function(){
  jQuery('.single_toggle p[data-fake-id="#toggle-id-5"] + .toggle_wrap').removeAttr('id');
  });
  </script>
<?php
}
add_action('wp_footer', 'custom_script');

this removes the ID from the one button “Meer weten?” in the video.
After clearing the browser cache the movement seems to have stopped for this one toggle, please clear your browser cache and check.
If you also find this working then we could apply it to some of your other toggles.

Best regards,
Mike

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

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
I skipped to your last request of making the check marks pulsating, and added this css to your quick css:

#top.home .avia-builder-el-41 h3.av-special-heading-tag:before {
	content:"";
	display: block;
    background: #fff;
    border-radius: 100px;
    height: 40px;
    width: 40px;
    position: absolute;
    -webkit-animation: av_pulsate 2s ease-out infinite;
    animation: av_pulsate 2s linear infinite;
    opacity: 0;
    top: -11px;
    left: -11px;
    z-index: 1;
}

Please clear your browser cache and check, if you like it we can make it more permanent with a custom class.

Best regards,
Mike

Hey leviticus,
Sorry for the late reply, I took a look at the article for the custom field, which also linked to this article which seemed more helpful.
So to add a subtitle after the title and before the categories with a WordPress custom field, first add the custom field:

Then edit \wp-content\themes\enfold\includes\loop-index.php lines 321-335 should look like this:

echo '<div class="av-heading-wrapper">';

if( strpos( $blog_global_style, 'modern-blog' ) === false )
{
    echo $cat_output . $title;
}
else 
{
    
    echo $title . $cat_output;
}


echo '</div>';
}

change to this:

echo '<div class="av-heading-wrapper">';
$meta = get_post_meta( get_the_ID(), 'subtitle' );
        if( !empty($meta) ) {
        
    if( strpos( $blog_global_style, 'modern-blog' ) === false )
    {
        echo $cat_output . $title;
    }
    else 
    {
        
        echo $title . '<span class="subtitle">' . $meta[0] . '<span>' . $cat_output;
    }
}

    echo '</div>';
}

this wraps your “subtitle” in a span with the class “subtitle”, should you want to style it.
The category below the title has a negative “top” placement so you will also want to use this css:

.html_modern-blog #top .post-entry .blog-categories {
    top: 0 !important;
}

Depending on your page layout you may need more css, but this worked for me on my localhost, here is the before:

and the after with the subtitle:

But, after going though these steps and finding the right place to edit the PHP file and getting it to work, I would prefer doing this with jQuery, here’s how.
First add this code to the end of your functions.php file in Appearance > Editor:

function my_jquery_var() {
    global $post;
    if ( $my_custom_field_name = get_post_meta( $post->ID, 'subtitle', 1 ) ) { 
        echo '<script type="text/javascript">var my_custom_field_name = "' . $my_custom_field_name . '";</script>' . "\n";
    }
}
add_action( 'wp_head', 'my_jquery_var' );

Note that the custom field name is ‘subtitle’ in my example, you can rename this to your custom field name.
So now every post and page checks for the ‘subtitle’ and if found it is added as a “var” that can be used by jQuery.
To display it as a subtitle on posts you only need to add the script to your functions.php

function custom_field_script(){
  ?>
  <script>
(function($) {
  $(document).ready(function(){
     $('<span class="subtitle">' + my_custom_field_name + '<span>').insertBefore('.blog-categories.minor-meta');
  });
 })(jQuery);
 </script>
<?php
}
add_action('wp_footer', 'custom_field_script');

Note how the script allows us to place the subtitle exactly were we want without editing the PHP files:

You can easily change the placement for pages or archives like this:

 function custom_script_for_page(){
  ?>
  <script>
 (function($) {
  $(document).ready(function(){
     $('<span class="subtitle">' + my_custom_field_name + '<span>').insertAfter('.av-special-heading-tag');
  });
 })(jQuery);
 </script>
<?php
}
add_action('wp_footer', 'custom_script_for_page');

These examples are a little simple and I would be more exact in the placement for a live site to ensure there are no conflicts, but I hope this gives you some ideas on how to proceed.

Best regards,
Mike

Hey todd0218,
Sorry for the late reply, to have the menu change on scroll, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#header.header-scrolled-full .av-burger-menu-main.menu-item-avia-special {
	display: block;
}
#header.header-scrolled-full .av-main-nav .menu-item {
    opacity: 0;
    pointer-events: none !important;
}

To have the menu disappear on scroll about midway we will have to add a class to the header, Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_header_scrolled_script(){
  ?>
  <script>
(function ($) { 
  $(window).scroll(function() {
    var width = $(window).width(), height = $(window).height();    
    var scroll = $(window).scrollTop();
      if (scroll >= 1200) {
    $('#header').addClass('header-scrolled-middle');
   } else {
    $('#header').removeClass('header-scrolled-middle');
   }
  });
 })(jQuery);
 </script>
<?php
}
add_action('wp_footer', 'custom_header_scrolled_script');

Then add this css:

#header.header-scrolled-middle,
#header.header-scrolled-middle #header_main .inner-container {
    max-height: 0;
}
#header.header-scrolled-middle .av-burger-menu-main.menu-item-avia-special {
	display: none;
}

Then clear your browser cache and check.

Best regards,
Mike