Hi,

@thinkjarvis: We are not really sure about that, but according to the web vitals’ documentation, providing width and height attributes to the images should be enough to decrease the impact cause by any lazy loading scripts to the CLS score. It is also mentioned in the documentation that any images that are above the fold should not be lazy loaded.

// https://web.dev/browser-level-image-lazy-loading/#avoid-lazy-loading-images-that-are-in-the-first-visible-viewport

Best regards,
Ismael

Hi,

No problem. Glad to know that it is working.

Have a nice day. :)

Best regards,
Ismael

Hi,

Thank you for the update.

The css code above is working properly on our installation. Would you mind providing a screenshot of the issue, and a direct link to the page containing the overlay? We might be talking about two different things here, so providing a screenshot and/or creating a test page should help clear things out.

Best regards,
Ismael

Hi,

No worries. Glad we could be of help. Please feel free to open another thread should you need anything else.

Have a nice day.

Best regards,
Ismael

Hi,

The code that we suggested to remove is in the functions.php file, along with the snippet that we recommended previously. But since you already restored the site using a backup, please use this snippet in the functions.php file instead.

function avf_script_loader_tag_mod( $tag, $handle, $source ) {
    if ( "layerslider" === $handle || "layerslider-utils" === $handle ) {
		$tag = str_replace( "data-cfasync=\"false\"", '', $tag );
    }

    return $tag;
}
add_filter( 'script_loader_tag', 'avf_script_loader_tag_mod', 999, 3);

add_action("after_setup_theme", function() {
	remove_filter('script_loader_tag', 'layerslider_script_attributes', 10, 3);
}, 999);

Best regards,
Ismael

Hi,

You’re welcome! Please do not hesitate to open another thread if you need anything else.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the update.

Ah yes, there is a line there that could cause the page to scroll after opening the content. Please try to remove or comment out this line.

if(win.scrollTop() > el_offset)
{
    $('html:not(:animated),body:not(:animated)').scrollTop(scoll_target);
}

Best regards,
Ismael

Hi,

Sorry about that. The latest version 4.8 is not available yet, which is probably why GA4 is not working in your installation. Please look for the avia_get_tracking_code and the avia_print_tracking_code functions inside the functions-enfold.php file, remove them and replace them with the following code instead.

// https://pastebin.com/KBC9jrUJ

Best regards,
Ismael

Hi,

Is the block editor active in the installation where you are testing this? If yes, we might have to delay the execution of the script a bit to make sure that the ALB switch button already exists. Please try this script.

function trigger_alb_on_load(){
?>
<script>
(function($){
    $(document).ready(function(){
		setTimeout(function() {
			var container = $('.edit-post-header__settings').first();
			var btn = container.find('.avia-builder-button').first();
			btn.trigger('click');
		}, 500); 
    });
})(jQuery);
</script>
<?php
}
add_action('admin_head-post-new.php', 'trigger_alb_on_load');

Best regards,
Ismael

Hi,

Thank you for the update.

We can use this script in the functions.php file to add a unique class name (current-menu-item) to the active item or the item that is recently clicked.

// a custom script
// add current-menu-item class to active item
function ava_custom_script_mod() {
    if ( wp_script_is( 'avia-default', 'registered' ) ) {
        wp_add_inline_script( 'avia-default', '
		(function($) {
			$("#top .av-subnav-menu > li").on("click", function() {
				var item = $(this);
				var parent = $(this).parent("#menu-sub-menu");

				if(item.is(".current-menu-item")) return;

				parent.find("li").removeClass("current-menu-item");
				item.addClass("current-menu-item");
			});
		})(jQuery);
	');
    }
 }
 add_action( 'wp_enqueue_scripts', 'ava_custom_script_mod', 9999);

Then use the same css code above to change the color of the font.

#top .av-subnav-menu > li.current-menu-item a {
    color: red !important;
}

Best regards,
Ismael

Hi,

Thank you for following up.

It works fine when we disable the quantity button completely, and use the default buttons from the plugin. Would you consider disabling the quantity button modification? If yes, just remove all instances of the avia_apply_quant_btn(); function inside the woocommerce-mod.js file.

Best regards,
Ismael

Hi,

Thank you for the update.

Creating a box with solid or opaque background should help improve the contrast between the background and the caption. Please try this css code.

#top div .caption_center .slideshow_caption {
	text-align: center;
	background: rgba(0,0,0,0.5);
	width: 50%;
	margin: 0 auto;
	float: none;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 50%;
	top: 50%;
}

If the tool continues to complain about it, try to increase the transparency of the background from 0.5 to 0.7 or higher.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

That is a nice header effect. We will not be able to replicate it exactly, but this css code should get you started.

.header_color .header_bg {
	background-color: transparent;
}

#header_main {
    border: 0;
}

.av_header_transparency #header_main::before {
    top: -99px;
    transition: all 0.3s ease-in-out;
}

#header_main::before {
    content: "";
    width: 100%;
    height: 90px;
    display: block;
    background: #ffffff;
    position: absolute;
    z-index: 0;
    top: 0;
}

Make sure that the page has a transparent header and that it is sticky.

Best regards,
Ismael

Hi,

@joax: You can use the following script in the functions.php file to set the terms and conditions link to actually open the page instead of rendering the content in the same container.

// a custom script
function ava_custom_script_mod() {
    if ( wp_script_is( 'avia-default', 'registered' ) ) {
        wp_add_inline_script( 'avia-default', '
		(function($) {
			$("#top .woocommerce-terms-and-conditions-link").on("click", function(e) {
				e.preventDefault();
				window.location.href = $(this).attr("href");
			});
		})(jQuery);
	');
    }
 }
 add_action( 'wp_enqueue_scripts', 'ava_custom_script_mod', 9999);

Best regards,
Ismael

Hey pixel-hustler,

Thank you for the inquiry.

According to the gtmetrix tool, the videos and the images in the home page are quite heavy causing huge network payloads. You may need to decrease the quality of the video and compress or optimize the images. Please check the following articles to learn more on how the theme could be optimized further.

// https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow
// https://kriesi.at/archives/4-key-wordpress-image-optimization-tips

Best regards,
Ismael