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

Hey Kevin,
Sorry for the late reply, one way to add more items to the cart UL is to edit:
\wp-content\themes\enfold\config-woocommerce\config-356.php around line 1866 you will find this code:

	$output = "";
	$output .= "<ul {$id} class = 'menu-item cart_dropdown {$trigger}' data-success='".__('was added to the cart', 'avia_framework')."'><li class='cart_dropdown_first'>";
	$output .= "<a class='cart_dropdown_link' href='".$link."'><span ".av_icon_string('cart')."></span><span class='av-cart-counter'>0</span><span class='avia_hidden_link_text'>".__('Shopping Cart','avia_framework')."</span></a><!--<span class='cart_subtotal'>".$cart_subtotal."</span>-->";
	$output .= "<div class='dropdown_widget dropdown_widget_cart'><div class='avia-arrow'></div>";
	$output .= '<div class="widget_shopping_cart_content"></div>';
	$output .= "</div>";
	$output .= "</li></ul>";

Perhaps a simpler solution would be to add your other icons to the social icons profiles and then append the cart menu with these with jQuery. Or you can add your other icons to the social icons profiles and then adjust with css so it looks like they are in the same container, like your screenshot.

Best regards,
Mike

Hi,
Glad to hear, shall we close this then?

Best regards,
Mike

Hi,
Thank you for the feedback, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 989px) { 
html[lang="nl"].avia-chrome .avia-icongrid-flipbox li:nth-child(3) {
	clear: left !important;
}
}
@media only screen and (min-width: 990px) { 
html[lang="nl"].avia-chrome .avia-icongrid-flipbox li:nth-child(4) {
	clear: both !important;
}
}

After applying the css, please clear your browser & site cache and check.

Best regards,
Mike