Hi,

Thank you for the update.

Did you add the “.open-popup-link-button a” selector to the updated code? You may need to add it on these lines.

jQuery('.open-popup-link').addClass('no-scroll');
	jQuery('.open-popup-link').magnificPopup({

.. it should be.

jQuery('open-popup-link-button, .open-popup-link').addClass('no-scroll');
	jQuery('open-popup-link-button, .open-popup-link').magnificPopup({

Please do not forge to purge the cache before every test. Or to make sure that you are not looking on a cached version of the page, just disable the minification and cache plugins temporarily.

Best regards,
Ismael

Hi,

I Imagine that the code will include some cropped versions of the hero image

Yes, that is correct. But you have the option not to do it manually by adding the wp-attachment-postid class name to the image markup, where postid is the actual id of the featured image. WordPress will automatically apply the srcset attribute to any images with this class name. You can also use the av_responsive_images class > make_image_responsive function to make the image markup responsive.

Example:

 $img = wp_get_attachment_image( $image_id, $thumbnail_size );
$img = Av_Responsive_Images()->make_image_responsive( $img, $image_id, true );

The class can be found in the themes/enfold/framework/php/class-responsive-images.php file.

Best regards,
Ismael

Hi,

According to the page speed tool, the CLS is now 0.001, which is pretty good. How did you improve it?

You might also want to defer loading of JS files, and turn off JS Combine option in the litespeed settings to prevent the script files from blocking DOM rendering, minimize thread work and reduce the execution time. Deferring the script might cause unexpected behavior, so make sure to check the page properly after enabling it.

// https://docs.litespeedtech.com/lscache/lscwp/pageopt/#load-js-deferred

And according to the page speed insight, the server response time is a bit slow, so optimizing the database and upgrading the server itself might also be necessary.

Best regards,
Ismael

Hi,

Thank you for the update.

Please ask the third party developer to download the latest version of the theme from your or their Themeforest account and upload it manually via FTP. This should work fine as long as they did not do massive modification to the core or parent files and that they have installed a child theme.

For more info about FTP update, please forward the following documentation.

// https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp

Best regards,
Ismael

Hi,

Glad to know that you have found a solution, and we hope that we could help you better next time. Please feel free to open a new thread should you need anything else.

Have a nice day.

Best regards,
Ismael

Hi,

Where or how did you set the Finger Paint font? In the Enfold > General Styling > Fonts panel, the header and body font are set to default and Open Sans, respectively.

Thank you for your patience.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

We checked the staging site and the header there is fixed and sticks to very top of page when we scroll down, but the Header Size is different compare to the live site. Is this fixed?

Please toggle or temporarily disable the Enfold > Performance > File Compression settings, or check the site on incognito mode. You may also need to adjust the Header Size settings in the Enfold > Header Settings panel.

Best regards,
Ismael

Hey marcoabis81,

Thank you for the inquiry.

You can actually adjust the maximum container width in the Enfold > General Layout > Dimensions panel. Look for the Maximum Container width field and set the width in pixel, or in percentage, which is relative to the browser viewport or the screen resolution.

Best regards,
Ismael

Hi,

Thank you for the update.

I don’t have this av-helper-slideshow.php in my child theme folder.

The file is inside the shortcodes folder in the child theme directory. Please edit the file as @Nikko recommended above, and that should fix the error.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

This might be an issue with the waypoint script, used by the theme to trigger animations on scroll. You may need to adjust the offset value of that function to trigger the animation earlier than usual. You could also move the masonry gallery higher up the page, or insert additional content below the gallery.

If you want to modify the script or function, please edit the enfold\js\shortcodes.js, look for the activate_waypoints script around line 217.

	function activate_waypoints(container)
	{
		//activates simple css animations of the content once the user scrolls to an elements
		if($.fn.avia_waypoints)
		{
			if(typeof container == 'undefined'){ container = 'body';};

			$('.avia_animate_when_visible', container).avia_waypoints();
			$('.avia_animate_when_almost_visible', container).avia_waypoints({ offset: '80%'});

			if(container == 'body') container = '.avia_desktop body';
			$('.av-animated-generic', container).avia_waypoints({ offset: '95%'});
		}
	}

We have to decrease the offset value to 50% or lower to trigger the animation once the elements are in view.

Best regards,
Ismael

Hi,

Thank you for the info.

By default, the post meta info will only display if an excerpt is available, so for posts made using the Advance Layout Builder without a summary or excerpt, the date info will not show. But if you want the meta info to always display, we can use the following filter in the functions.php file.

add_filter("avf_post_slider_args", function($atts) {
	$atts["show_meta_data"] = "always";
	return $atts;
}, 10, 1);

Best regards,
Ismael

Hi,

Thank you for the info.

The FTP above is working, but we cannot access the site or the WP dasbboard to test the changes because it is asking for another authentication. Did you enable the htpassword or something similar?

Best regards,
Ismael

Hi,

No problem. We tend to miss little things like that sometimes. Please do not hesitate to open another thread if you need anything else.

Have a nice day.

Best regards,
Ismael

Hey envis,

Thank you for the inquiry.

It is not working because the svg images do not have specified width and/or height as we explained in this old thread.

// https://kriesi.at/support/topic/problem-with-update-9/#post-1064431

You may have to use another image format.

Best regards,
Ismael

Hi,

Thank you for the screenshot.

You can add this css code to display the social icons back on mobile view.

@media only screen and (max-width: 479px) {
.responsive #top #wrap_all #header .social_bookmarks, .responsive #top #wrap_all #main .av-logo-container .social_bookmarks {
    display: block;
}
}

Best regards,
Ismael