Hey Josh,

Thank you for the inquiry.

Layout shifts are usually caused by scripts that dynamically adds content or other elements in the page, and animations that causes existing containers to move. Removing those scripts or decreasing their occurrence should improve the CLS score.

We ran a test using page speed insights tool and it returned very low scores on a lot of criteria, but found a lot of opportunities for optimization. CLS at this moment, should be the least of your concern.

Screenshot: https://imgur.com/m4CCvjN

For more info about site or WordPress optimization, please check the following articles.

// https://gtmetrix.com/wordpress-optimization-guide.html
// https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow

Best regards,
Ismael

Hi,

We checked the page below (see private field) and surprisingly, the more tag seems to be working as expected — the content after the more tag is hidden. Not really sure what changed in the builder, but more tag is not supposed to function here correctly. We checked the site on incognito mode to make sure that we are not logged in.

Screenshot: https://imgur.com/z5kMbFu

Best regards,
Ismael

Hey ivpeve,

Thank you for the inquiry.

You may need to modify the includes > loop-page.php for pages or the loop-index.php file for posts. You can also use template hooks such as ava_after_main_title or the ava_after_content.

Best regards,
Ismael

Hey sandreucci,

Thank you for the inquiry.

The compressed and minified scripts and stylesheets produced by siteground-optimizer is probably doing more harm than good. You might want to disable the plugin’s compression settings and use other minification plugins such as Autoptimize. Make sure to set the Enfold > Performance > Disabling of template builder elements settings to Load only used elements to decrease the resource that the server has to load and improve the overall page performance.

Screenshot: https://imgur.com/WzwxywO

Best regards,
Ismael

Hi,

Thank you for following up.

You should add the css code in the Quick CSS field, not in the tab section section’s custom css class name or ID field. We moved the code from those fields to the Quick CSS field and adjusted the maximum height. We also applied a unique ID (individualisierung-custom-table) to the tab section element.

This is the css code.

#top #individualisierung-custom-table .avia-table.avia-builder-el-first {
  margin-top: 50px;
  margin-bottom: 50px;
}

#top #individualisierung-custom-table.tabcontainer {
  max-height: 500px;
}

#top #individualisierung-custom-table .avia-table.avia-builder-el-first {
  margin-top: 30px;
}

Best regards,
Ismael

Hi,

Thank you for the update.

We found a few jQuery errors when we checked the site on Safari, but we are not yet sure which function is actually generating the issue because the scripts are compressed and minified.

ReferenceError: Can’t find variable: jQuery
Global Code — emr.ie:609
Global Code — autoptimize_dc8f31add0442e7de20fe1cad99ab602.js:23:575

Did you load jQuery to load in the footer? Please try to temporarily disable the File Compression settings.

Best regards,
Ismael

Hey Richard,

Thank you for the inquiry.

This should be possible using a custom script. Please try to add this code in the functions.php file.

// a custom script
// use external link
function ava_custom_script_mod() {
    if ( wp_script_is( 'avia-default', 'registered' ) ) {
        wp_add_inline_script( 'avia-default', '
		(function($) {
			$(document).ready(function() {
				$(".post-format-link .more-link").on("click", function(e) {
					if(e.preventDefault) e.preventDefault();
					var content = $(this).parents(".slide-content");
					var header = content.find(".entry-content-header");
					var external_link = header.find("a").attr("href");

					window.location.href = external_link;
				})
			});
		})(jQuery);
	');
    }
 }
 add_action( 'wp_enqueue_scripts', 'ava_custom_script_mod', 9999);

Best regards,
Ismael

Hey Yowl,

Thank you for the inquiry.

Did you add the cart shortcode in the page manually? Please check if the shortcode has been duplicated, or post the login details in the private field so that we could check the site properly.

Best regards,
Ismael

Hi,

No problem. Please feel free to open another thread should you need anything else. We will close this one for now.

Have a nice day.

Best regards,
Ismael

Hey johnjosephjohansson,

Thank you for the inquiry.

You can use this css code to adjust the color of the active tab section title.

#top .av-active-tab-title .av-inner-tab-title {
	color: red !important;
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

Best regards,
Ismael

Hey Raphaela_Pla,

Thank you for the inquiry.

Based on the screenshot, looks like the Blog Posts element is set to have a grid layout. If that is true, you can use this css code to adjust the font size of the post title.

.avia-content-slider .slide-entry-title {
    font-size: 0.8em;
    line-height: 1.2em;
    margin: 0;
}

And regarding the image borders, please post the site URL in the private field so that we can actually check the blog posts element.

Best regards,
Ismael

Hey James Bowtine,

Thank you for the inquiry.

The slider transition or the fade in effect is working properly on Google Chrome. Where are you testing the site?

Best regards,
Ismael

Hi,

It seems to be working properly on our end as shown in the screenshot below.

Screenshot: https://imgur.com/vAlDtVS

Would you mind providing a screenshot of the issue? You can use imgur or dropbox for the screenshot.

Best regards,
Ismael

Hi,

It actually works properly on our end and for a few users who have implemented the same script before. Make sure to update the selector or class name in the following line.

scrollToTab( '.menu-item a', 'click' );

In your case, you have to replace it with..

scrollToTab( '.mega-menu-link', 'click' );

.. since you are using a different plugin to build the menu.

Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the code and purge the cache.

Best regards,
Ismael

Hi,

To resolve the issue, you have two options:
Create and select a page to be treated as the blog page
Add custom code to remove the breadcrumb schema from the source code when the blog page is referenced. An example of how to do this can be found here.

Did you follow any of these recommendations? According to them, the issue is caused by not having a static blog page, which creates the m=0 parameter.

Did you try to set a static blog page? You can assign a different page as blog page and it should not affect the posts that displays in your home page, which seems to be what you are concern about. You can always revert it back to the previous settings if the results of the changes are not what you are expecting.

An example of how to do this can be found here.

Would you mind providing the actual link?

Best regards,
Ismael