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

Hi,
Thank you for the feedback, please try this css instead:

@media only screen and (min-width: 768px) { 
.responsive #top #wrap_all #shazam .flex_column.av_one_third {
    transform: scale(1) !important;
}
}
@media only screen and (max-width: 767px) { 
	#shazam .av-flex-placeholder {
	 width: 0 !important;
}
.responsive #top #wrap_all #shazam .flex_column.av_one_third {
	margin-right: auto !important;
    margin-left: auto !important;
    width: 90% !important;
    transform: scale(1) !important;
}
#shazam .hr.hr-invisible {
	height: 0 !important;
}
}

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

Best regards,
Mike

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

.main_color .av-timeline-nav a span {
    background-color: red !important;
    opacity: 1 !important;
}

Please change the color from red to what will suit for your site, also note that currently the opacity is set to 0.5, so the above css changes it to “1”

Best regards,
Mike

Hey Rubén,
Please include an admin login in the Private Content area so we can investigate.
I assume that you imported the images with a WordPress created XML file, please also link to this so we can check.

Best regards,
Mike

Hey kridlot,
Thanks for the link to your site, to change the font of a slide in your layerslider, please select the element in your slider and make your change in the “style” tab, like this:

Here my font change only changed the one element and not the whole page:

After applying the change, please clear your browser cache and check.

Best regards,
Mike